
    <style>
        /* 打开宽度限制 */
        .popover {
            max-width: 90vw;
        }
    </style>
<div id="main">
	<div class="container-fluid">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div class="alert alert-dismissable alert-info main-alert">
					<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
					<p></p>
				</div>
			</div>
		</div>
	  
		<div class="ntDesktop">
			{if $isshow == 1}
			<div class="ntDesktop-head">配货界面（配货主管）</div>
			{/if}
			<div class="row" style="padding-top:0px">
			<!--tab-nav-->
			<div class="col-md-6">
				<ul class="nav nav-tabs">
					<li class="active" @click="getList('newList')">
						<a href="#new" data-toggle="tab">
							新订单 <span class="label label-info" v-show="requestType == 'newList' && pageSum > 0 ">{{pageSum}}</span>
						</a>
					</li>
					<li @click="getList('making')">
						<a href="#making" data-toggle="tab">
							进行中 <span class="label label-info" v-show="requestType == 'making' && pageSum > 0 ">{{pageSum}}</span>
						</a>
					</li>
					<li>
						<a href="#pause" data-toggle="tab" @click="getList('pause')">
							暂停 <span class="label label-info" v-show="requestType == 'pause' && pageSum > 0 ">{{pageSum}}</span>
						</a>
					</li>
					<li>
						<a href="#delivery" data-toggle="tab" @click="getList('delivery')">
							送货中<span class="label label-info" v-show="requestType == 'delivery' && pageSum > 0 ">{{pageSum}}</span>
						</a>
					</li>
					<li>
						<a href="#finish" data-toggle="tab" @click="getList('finish')">
							已完成<span class="label label-info" v-show="requestType == 'finish' && pageSum > 0 ">{{pageSum}}</span>
						</a>
					</li>
					<li>
						<a href="#cancel" data-toggle="tab"  @click="getList('cancel')">
							取消 <span class="label label-info" v-show="requestType == 'cancel' && pageSum > 0 ">{{pageSum}}</span>
						</a>
					</li>
					<li>
						<a href="#missing" data-toggle="tab"  @click="getList('missing')">
							缺货登记 <span class="label label-info" v-show="requestType == 'missing' && pageSum > 0 ">{{pageSum}}</span>
						</a>
					</li>
				</ul>
			</div>

			{if $isshow == 1}
			<div class="col-md-6 text-right">
				<button class="btn btn-default btn-checkbox" @click="myWork()">
					<input type="checkbox" class="form-input" :value="status"> 只显示我的工作
				</button>
			</div>
			{/if}
		</div>


			<div class="row tab-content">
				<!-- 配货 新订单 列表 -->
				<div class="col-md-12 tab-pane active" id="new" v-if="requestType == 'newList'">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th width="4%"> 订单号 </th>
								<th width="4%"> 优先级 </th>
								<th width="4%"> 时间 </th>
								<th width="30%"> 产品 </th>
								<th> 箱规 </th>
								<th> 数量 </th>
								<th> 分配 </th>
								<th> 业务员 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<template v-for="(listItem,listIndex) in list" >
								<tr v-for="(detailItem,detailIndex) in listItem.detail">
									<template v-if="detailIndex == 0">
										<td>{{formatUnit(listItem.id,'id')}} <template v-if="detailItem.underwrite == 1"><br><span class="blue">7777</span></template></td>
										<td align="center"><span class="label label-info f-1">{{listItem.priority}}</span></td>
										<td class="text-success main-list" :oldTime="listItem.create_at"><b></b></td>
									</template>
									<template v-else>
										<td></td>
										<td></td>
										<td></td>
									</template>
									<td >
										<div class="pro">
											<div class="pro-icon"><img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px" alt=""></div>
											<div class="pro-name"><small>{{detailItem.proInfo.prochar_id ? formatUnit(detailItem.proInfo.prochar_id,'id') : formatUnit(detailItem.proInfo.pro_id,'id') +( detailItem.proInfo.brand_name ? " / " + detailItem.proInfo.brand_name : '' ) + (detailItem.proInfo.model ? " / " + detailItem.proInfo.model : '') }}</small><br>{{detailItem.proInfo.pro_name}}</div>
										</div>
									</td>
									<td align="right">
										{{detailItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
										{{detailItem.proInfo.ctn_size}}<small class="unit">CM</small>
									</td>
									<td align="right">
										{{detailItem.qty}}<small class="unit">PCS</small>
									</td>
									<td align="right">
										<span class="text-primary">{{detailItem.allocation == 0 ? '-' : detailItem.allocation}}</span><small class="unit">CTN</small><br>
										<span class="text-danger">{{detailItem.allocation_ == 0 ? '-' : detailItem.allocation_}}</span><small class="unit">PCS</small>
									</td>
									<template v-if="detailIndex == 0">
										<td >{{ listItem.saler_name }}</td>
										<td align="right" v-if>
											<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#make_startModal" @click="startDistribute(listIndex)" v-if="auth_ids.indexOf(312) != -1">开始配货</button>
										</td>	
									</template>
									<template v-else>
										<td></td>
										<td></td>
									</template>
								</tr>
							</template>
							<template v-if="list.length == 0">
	                            <tr style="text-align: center;" >
	                                <td colspan="9" class="no_date" style="line-height: 20rem">{:lang('no_data')} </td>
	                            </tr>
							</template>
						</tbody>
					</table>
				</div>

				<!-- 配货 进行中 列表 -->
				<div class="col-md-12 tab-pane" id="making" v-if="requestType == 'making'">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th width="4%"> 订单号 </th>
								<th width="4%"> 优先级 </th>
								<th width="4%"> 时间 </th>
								<th width="25%"> 产品 </th>
								<th> 箱规 </th>
								<th> 数量 </th>
								<th> 分配 </th>
								<th> 对货员 </th>
								<th> 打印 </th>
								<th> 配货员 </th>
								<th> 库存 </th>
								<th> 业务员 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<template v-for="(listItem,listIndex) in list" >
								<tr v-for="(detailItem,detailIndex) in listItem.detail">
									<template v-if="detailIndex == 0">
										<td>{{formatUnit(listItem.id,'id')}}</td>
										<td align="center"><span class="label label-info f-1">{{listItem.priority}}</span></td>
										<td class="text-success main-list" :oldTime="listItem.create_make_at"><b></b></td>
									</template>
									<template v-else>
										<td></td>
										<td></td>
										<td></td>
									</template>
									<td >
										<div class="pro">
											<div class="pro-icon"><img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px" alt=""></div>
											<div class="pro-name"><small>{{detailItem.proInfo.prochar_id ? formatUnit(detailItem.proInfo.prochar_id,'id') : formatUnit(detailItem.proInfo.pro_id,'id') +( detailItem.proInfo.brand_name ? " / " + detailItem.proInfo.brand_name : '' ) + (detailItem.proInfo.model ? " / " + detailItem.proInfo.model : '') }}</small><br>{{detailItem.proInfo.pro_name}}</div>
										</div>
									</td>
									<td align="right">
										{{detailItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
										{{detailItem.proInfo.ctn_size}}<small class="unit">CM</small>
									</td>
									<td align="right">
										{{detailItem.qty}}<small class="unit">PCS</small>
									</td>
									<td align="right">
										<span class="text-primary">{{detailItem.allocation == 0 ? '-' : detailItem.allocation}}</span><small class="unit">CTN</small><br>
										<span class="text-danger">{{detailItem.allocation_ == 0 ? '-' : detailItem.allocation_}}</span><small class="unit">PCS</small>
									</td>
									<td>{{ listItem.checker_name }}</td>
									<td>{{listItem.print_count}}<br><small>{{listItem.print_time}}</small></td>
									<td>
										<small class="blue">D.</small> {{detailItem.docker_name}} <br>
										<small class="blue">P.</small> {{detailItem.packer_name}} <br>
									</td>

									<td>
										<button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
											库存
											<div class="content" style="display: none;">
												<div style="width:12vw">
													<table class="table">
														<tbody>
															<tr>
																<td>-</td>
																<td align="right">
																	<span class="text-primary f-1">{{formatUnit(detailItem.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
																	{{formatUnit(detailItem.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
																</td>
															</tr>
															<tr v-for="(storeInfoItem1,storeInfoIndex1) in detailItem.storeInfo.info">
																<td>{{storeInfoItem1.area_type_name + ( storeInfoItem1.name ?  '('+storeInfoItem1.name+')':'' ) }}</td>
																<td align="right">
																	{{formatUnit( (storeInfoItem1.qty ? storeInfoItem1.qty :0),'PCS')}}<small class="unit">PCS</small>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</button>
									</td>
									<td >{{ listItem.saler_name }}</td>

									<td align="right">
										<button class="btn btn-sm btn-default" data-toggle="modal" data-target="#make_viewModal" @click="checkInfo(listIndex)" v-if="detailIndex == 0 && auth_ids.indexOf(313) != -1">查看</button>
										<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#make_adjustModal" @click="processingDistribute(listIndex,detailIndex)" v-if="auth_ids.indexOf(314) != -1">调配</button>
										<a href="make_print.html" class="btn btn-sm btn-primary" @click="print(detailIndex)" v-if="detailIndex == 0 && auth_ids.indexOf(394) != -1">打印</a>
										<div class="btn-group"  v-if="detailIndex == 0">
											<button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
												更多 <span class="caret"></span>
											</button>
											<ul class="dropdown-menu">
												<li><a href="#" data-toggle="modal" data-target="#make_pickupModal" @click="clickProcessingMore(listIndex,'pickup')"  v-if="auth_ids.indexOf(315) != -1">提货</a></li>
												<li><a href="#" data-toggle="modal" data-target="#make_processModal" @click="clickProcessingMore(listIndex,'process')"  v-if="auth_ids.indexOf(316) != -1">加工</a></li>
												<li><a href="#" data-toggle="modal" data-target="#make_ladingModal" @click="clickProcessingMore(listIndex,'storeOrder')"  v-if="auth_ids.indexOf(317) != -1">调货</a></li>

												<li><a href="#" class="bg-warning" data-toggle="modal" data-target="#make_pauseModal" @click="processingPause(listIndex)" v-if="auth_ids.indexOf(318) != -1">暂停</a></li>
											</ul>
										</div>
									</td>
								</tr>
							</template>
							<template v-if="list.length == 0">
	                            <tr style="text-align: center;" >
	                                <td colspan="13" class="no_date" style="line-height: 20rem">{:lang('no_data')} </td>
	                            </tr>
							</template>
						</tbody>
					</table>
				</div>

				<!-- 配货 暂停 列表 -->
				<div class="col-md-12 tab-pane" id="pause" v-if="requestType == 'pause'">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th width="4%"> 订单号 </th>
								<th width="4%"> 优先级 </th>
								<th width="4%"> 时间 </th>
								<th width="25%"> 产品 </th>
								<th> 箱规 </th>
								<th> 数量 </th>
								<th> 分配 </th>
								<th> 对货员 </th>
								<th> 配货员 </th>
								<th> 暂停 </th>
								<th> 库存 </th>
								<th> 业务员 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<template v-for="(listItem,listIndex) in list" >
								<tr v-for="(detailItem,detailIndex) in listItem.detail">
									<template v-if="detailIndex == 0">
										<td>{{formatUnit(listItem.id,'id')}}</td>
										<td align="center"><span class="label label-info f-1">{{listItem.priority}}</span></td>
										<td class="text-success main-list" :oldTime="listItem.create_make_at"><b></b></td>
									</template>
									<template v-else>
										<td></td>
										<td></td>
										<td></td>
									</template>
									<td >
										<div class="pro">
											<div class="pro-icon"><img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px" alt=""></div>
											<div class="pro-name"><small>{{detailItem.proInfo.prochar_id ? formatUnit(detailItem.proInfo.prochar_id,'id') : formatUnit(detailItem.proInfo.pro_id,'id') +( detailItem.proInfo.brand_name ? " / " + detailItem.proInfo.brand_name : '' ) + (detailItem.proInfo.model ? " / " + detailItem.proInfo.model : '') }}</small><br>{{detailItem.proInfo.pro_name}}</div>
										</div>
									</td>
									<td align="right">
										{{detailItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
										{{detailItem.proInfo.ctn_size}}<small class="unit">CM</small>
									</td>
									<td align="right">
										{{detailItem.qty}}<small class="unit">PCS</small>
									</td>
									<td align="right">
										<span class="text-primary">{{detailItem.allocation == 0 ? '-' : detailItem.allocation}}</span><small class="unit">CTN</small><br>
										<span class="text-danger">{{detailItem.allocation_ == 0 ? '-' : detailItem.allocation_}}</span><small class="unit">PCS</small>
									</td>
									<td>{{ listItem.checker_name }}</td>
									<td>
										<small class="blue">D.</small> {{detailItem.docker_name}} <br>
										<small class="blue">P.</small> {{detailItem.packer_name}}  <br>
									</td>
									<td>{{listItem.pause_name}}<br>{{listItem.pause_time}}</td>
									<td>
										<button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
											库存
											<div class="content" style="display: none;">
												<div style="width:12vw">
													<table class="table">
														<tbody>
															<tr>
																<td>-</td>
																<td align="right">
																	<span class="text-primary f-1">{{formatUnit(detailItem.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
																	{{formatUnit(detailItem.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
																</td>
															</tr>
															<tr v-for="(storeInfoItem1,storeInfoIndex1) in detailItem.storeInfo.info">
																<td>{{storeInfoItem1.area_type_name + ( storeInfoItem1.name ?  '('+storeInfoItem1.name+')':'' ) }}</td>
																<td align="right">
																	{{formatUnit( (storeInfoItem1.qty ? storeInfoItem1.qty : 0),'PCS')}}<small class="unit">PCS</small>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</button>
									</td>
									<td >{{ listItem.saler_name }}</td>

									<td align="right">
										<button class="btn btn-sm btn-default" data-toggle="modal" data-target="#make_viewModal" @click="checkInfo(listIndex)" v-if="detailIndex == 0 && auth_ids.indexOf(313) != -1">查看</button>
										<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#make_adjustModal" @click="processingDistribute(listIndex,detailIndex)" v-if="auth_ids.indexOf(314) != -1">调配</button>
										<button class="btn btn-sm btn-primary" v-if="detailIndex == 0" @click="cancelPause(listItem.id)" :disabled="isdisabled" v-if="auth_ids.indexOf(319) != -1">取消暂停</button>
										<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#make_unlockModal" @click="unLock('get',listIndex)" v-if="detailIndex == 0 && listItem.lock_at > 0 && auth_ids.indexOf(376) != -1" :disabled="isdisabled">解锁</button>
										<div class="btn-group" v-if="detailIndex == 0">
											<button type="button" class="btn btn-sm btn-default dropdown-toggle" data-toggle="dropdown">
												更多 <span class="caret"></span>
											</button>
											<ul class="dropdown-menu">
												<li v-if="auth_ids.indexOf(320) != -1">
													<a href="#" data-toggle="modal" data-target="#store_missingModal" @click="storeMissing('ready',listIndex,detailIndex)" >缺货登记</a></li>
												<li v-if="auth_ids.indexOf(321) != -1">
													<a href="#" data-toggle="modal" data-target="#make_cancelModal" @click="cancelMake('ready',listIndex,detailIndex)" :disabled="isdisabled">取消配货</a></li>
											</ul>
										</div>
									</td>
								</tr>
							</template>
							<template v-if="list.length == 0">
	                            <tr style="text-align: center;" >
	                                <td colspan="13" class="no_date" style="line-height: 20rem">{:lang('no_data')} </td>
	                            </tr>
							</template>
						</tbody>
					</table>
				</div>

				<!-- 配货 送货中 列表 -->
				<div class="col-md-12 tab-pane" id="delivery" v-if="requestType == 'delivery'">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th width="4%"> 订单号 </th>
								<th width="4%"> 优先级 </th>
								<th width="4%"> 时间 </th>
								<th width="25%"> 产品 </th>
								<th> 箱规 </th>
								<th> 数量 </th>
								<th> 分配 </th>
								<th> 对货员 </th>
								<th> 装箱单 </th>
								<th> 送货员 </th>
								<th> 业务员 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<template v-for="(listItem,listIndex) in list" >
								<tr v-for="(detailItem,detailIndex) in listItem.detail">
									<template v-if="detailIndex == 0">
										<td>{{formatUnit(listItem.id,'id')}}</td>
										<td align="center"><span class="label label-info f-1">{{listItem.priority}}</span></td>
										<td class="text-success main-list" :oldTime="listItem.create_make_at"><b></b></td>
									</template>
									<template v-else>
										<td></td>
										<td></td>
										<td></td>
									</template>
									<td >
										<div class="pro">
											<div class="pro-icon"><img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px" alt=""></div>
											<div class="pro-name"><small>{{detailItem.proInfo.prochar_id ? formatUnit(detailItem.proInfo.prochar_id,'id') : formatUnit(detailItem.proInfo.pro_id,'id') +( detailItem.proInfo.brand_name ? " / " + detailItem.proInfo.brand_name : '' ) + (detailItem.proInfo.model ? " / " + detailItem.proInfo.model : '') }}</small><br>{{detailItem.proInfo.pro_name}}</div>
										</div>
									</td>
									<td align="right">
										{{detailItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
										{{detailItem.proInfo.ctn_size}}<small class="unit">CM</small>
									</td>
									<td align="right">
										{{detailItem.qty}}<small class="unit">PCS</small>
									</td>
									<td align="right">
										<span class="text-primary">{{detailItem.allocation == 0 ? '-' : detailItem.allocation}}</span><small class="unit">CTN</small><br>
										<span class="text-danger">{{detailItem.allocation_ == 0 ? '-' : detailItem.allocation_}}</span><small class="unit">PCS</small>
									</td>
									<td>{{ listItem.checker_name }}</td>
									<td>{{ listItem.salePack_name}}<br><small>{{ listItem.salePack_time}}</small></td>

									<td>
										<template  v-if="listItem.make_delivery != undefined">
											<button class="btn btn-sm btn-default" data-toggle="popover" title="送货人员"  @mouseover="setpopper" v-if="listItem.make_delivery.teams != undefined">
												TEAM
												<div class="content"  style="display: none;">
													<div style="width:40rem">
														<template v-for="(teamsItem,teamsIndex) in listItem.make_delivery.teams">
															<span v-if="teamsIndex == 0">{{teamsItem.nickname}}</span>
															<span v-else>{{ ' / ' + teamsItem.nickname}}</span>
														</template>
														<br>
														<br><small>{{listItem.make_delivery.create_time}}</small>
													</div>
												</div>
											</button>
										</template>
									</td>
									<td >{{ listItem.saler_name }}</td>

									<td align="right">
										<button class="btn btn-sm btn-default" data-toggle="modal" data-target="#make_viewModal" @click="checkInfo(listIndex)" v-if="auth_ids.indexOf(313) != -1">查看</button>
									</td>
									
								</tr>
							</template>
							<template v-if="list.length == 0">
	                            <tr style="text-align: center;" >
	                                <td colspan="12" class="no_date" style="line-height: 20rem">{:lang('no_data')} </td>
	                            </tr>
							</template>
						</tbody>
					</table>
				</div>

				<!-- 配货 已完成 列表 -->
				<div class="col-md-12 tab-pane" id="finish" v-if="requestType == 'finish'">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th width="4%"> 订单号 </th>
								<th width="4%"> 优先级 </th>
								<th width="4%"> 时间 </th>
								<th width="30%"> 产品 </th>
								<th> 箱规 </th>
								<th> 数量 </th>
								<th> 分配 </th>
								<th> 对货员 </th>
								<th> 装箱单 </th>
								<th> 送货员 </th>
								<th> 回执 </th>
								<th> 业务员 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>

						<template v-for="(listItem,listIndex) in list" >
							<tr v-for="(detailItem,detailIndex) in listItem.detail">
								<template v-if="detailIndex == 0">
									<td>{{formatUnit(listItem.id,'id')}}</td>
									<td align="center"><span class="label label-info f-1">{{listItem.priority}}</span></td>
									<td class="text-success main-list" :oldTime="listItem.create_make_at"><b></b></td>
								</template>
								<template v-else>
									<td></td>
									<td></td>
									<td></td>
								</template>
								<td >
									<div class="pro">
										<div class="pro-icon"><img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px" alt=""></div>
										<div class="pro-name"><small>{{detailItem.proInfo.prochar_id ? formatUnit(detailItem.proInfo.prochar_id,'id') : formatUnit(detailItem.proInfo.pro_id,'id') +( detailItem.proInfo.brand_name ? " / " + detailItem.proInfo.brand_name : '' ) + (detailItem.proInfo.model ? " / " + detailItem.proInfo.model : '') }}</small><br>{{detailItem.proInfo.pro_name}}</div>
									</div>
								</td>
								<td align="right">
									{{detailItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
									{{detailItem.proInfo.ctn_size}}<small class="unit">CM</small>
								</td>
								<td align="right">
									{{detailItem.qty}}<small class="unit">PCS</small>
								</td>
								<td align="right">
									<span class="text-primary">{{detailItem.allocation == 0 ? '-' : detailItem.allocation}}</span><small class="unit">CTN</small><br>
									<span class="text-danger">{{detailItem.allocation_ == 0 ? '-' : detailItem.allocation_}}</span><small class="unit">PCS</small>
								</td>
								<td>{{ listItem.checker_name }}</td>
								<td>{{ listItem.salePack_name}}<br><small>{{ listItem.salePack_time}}</small></td>
								<td>
									<template  v-if="listItem.make_delivery != undefined">
										<button class="btn btn-sm btn-default" data-toggle="popover" title="送货人员"  @mouseover="setpopper" v-if="listItem.make_delivery.teams != undefined">
											TEAM
											<div class="content"  style="display: none;">
												<div style="width:40rem">
													<template v-for="(teamsItem,teamsIndex) in listItem.make_delivery.teams">
														<span v-if="teamsIndex == 0">{{teamsItem.nickname}}</span>
														<span v-else>{{ ' / ' + teamsItem.nickname}}</span>
													</template>
													<br>
													<br><small>{{listItem.make_delivery.create_time}}</small>
												</div>
											</div>
										</button>
									</template>
								</td>
								<td>TRUMP<br><small>18-03-2020 11:22:33</small></td>
								<td>{{ listItem.saler_name }}</td>
								<td align="right">
									<button class="btn btn-sm btn-default" data-toggle="modal" data-target="#make_viewModal" @click="checkInfo(listIndex)" v-show="detailIndex == 0 && auth_ids.indexOf(313) != -1">查看</button>
								</td>
							</tr>
						</template>
						<template v-if="list.length == 0">
                            <tr style="text-align: center;" >
                                <td colspan="13" class="no_date" style="line-height: 20rem">{:lang('no_data')} </td>
                            </tr>
						</template>
						</tbody>
					</table>
				</div>

				<!-- 配货 取消 列表 -->
				<div class="col-md-12 tab-pane" id="cancel" v-if="requestType == 'cancel'">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th width="4%"> 订单号 {{list.length}} </th>
								<th width="4%"> 优先级 </th>
								<th width="4%"> 时间 </th>
								<th width="30%"> 产品 </th>
								<th> 箱规 </th>
								<th> 数量 </th>
								<th> 分配 </th>
								<th> 对货员 </th>
								<th> 配货员 </th>
								<th> 业务员 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<template v-for="(listItem,listIndex) in list" >
								<tr v-for="(detailItem,detailIndex) in listItem.detail">
									<template v-if="detailIndex == 0">
										<td>{{formatUnit(listItem.id,'id')}}</td>
										<td align="center"><span class="label label-info f-1">{{listItem.priority}}</span></td>
										<td class="text-success main-list" :oldTime="listItem.create_make_at"><b></b></td>
									</template>
									<template v-else>
										<td></td>
										<td></td>
										<td></td>
									</template>
									<td >
										<div class="pro">
											<div class="pro-icon"><img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px" alt=""></div>
											<div class="pro-name"><small>{{detailItem.proInfo.prochar_id ? formatUnit(detailItem.proInfo.prochar_id,'id') : formatUnit(detailItem.proInfo.pro_id,'id') +( detailItem.proInfo.brand_name ? " / " + detailItem.proInfo.brand_name : '' ) + (detailItem.proInfo.model ? " / " + detailItem.proInfo.model : '') }}</small><br>{{detailItem.proInfo.pro_name}}</div>
										</div>
									</td>
									<td align="right">
										{{detailItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
										{{detailItem.proInfo.ctn_size}}<small class="unit">CM</small>
									</td>
									<td align="right">
										{{detailItem.qty}}<small class="unit">PCS</small>
									</td>
									<td align="right">
										<span class="text-primary">{{detailItem.allocation == 0 ? '-' : detailItem.allocation}}</span><small class="unit">CTN</small><br>
										<span class="text-danger">{{detailItem.allocation_ == 0 ? '-' : detailItem.allocation_}}</span><small class="unit">PCS</small>
									</td>
									<td>{{ listItem.checker_name }}</td>

									<td>
										<small class="blue">D.</small> {{detailItem.docker_name}} <br>
										<small class="blue">P.</small> {{detailItem.packer_name}}  <br>
									</td>
									<td >{{ listItem.saler_name }}</td>
									<td align="right">
										<button class="btn btn-sm btn-default" data-toggle="modal" data-target="#make_viewModal" @click="checkInfo(listIndex)" v-if="detailIndex == 0 && auth_ids.indexOf(313) != -1">查看</button>
										<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#make_continueModal" @click="cancelRestore('get',listItem)" v-show="detailIndex == 0 && auth_ids.indexOf(377) != -1" >恢复</button>
										<button class="btn btn-sm btn-warning" data-toggle="modal" data-target="#store_missingModal" @click="storeMissing('ready',listIndex,detailIndex)" v-if="auth_ids.indexOf(320) != -1">缺货登记</button>
									</td>
								</tr>
							</template>
							<template v-if="list.length == 0">
	                            <tr style="text-align: center;" >
	                                <td colspan="11" class="no_date" style="line-height: 20rem">{:lang('no_data')} </td>
	                            </tr>
							</template>
						</tbody>
					</table>
				</div>

				<!-- 配货 缺货登记 列表 -->
				<div class="col-md-12 tab-pane" id="missing" v-if="requestType == 'missing'">
					<table class="table table-striped table-hover ntTable">
						<thead>
							<tr>
								<th width="30%"> 产品 </th>
								<th> 箱规 </th>
								<th> 库存 </th>
								<th> 数量 </th>
								<th> 缺货登记 </th>
								<th> 已读 </th>
								<th> 影响订单 </th>
								<th> 登记 </th>
								<th> 更新 </th>
								<th> 操作 </th>
							</tr>
						</thead>
						<tbody>
							<template v-if="list.missingData > 0">
								<tr v-for="(missingDataItem,missingDataIndex) in missingData">
									<td>
										<div class="pro">
											<div class="pro-icon">
												<img :src="missingDataItem.proInfo.img_url" border="0" width="48px" height="48px">
											</div>
											<div class="pro-name">
												<small>{{missingDataItem.proInfo.prochar_id ? formatUnit(missingDataItem.proInfo.prochar_id,'id') : formatUnit(missingDataItem.proInfo.pro_id,'id') +( missingDataItem.proInfo.brand_name ? " / " + missingDataItem.proInfo.brand_name : '' ) + (missingDataItem.proInfo.model ? " / " + missingDataItem.proInfo.model : '') }}</small><br>
												{{missingDataItem.proInfo.pro_name}}
											</div>
										</div>
									</td>
									<td align="right">
										{{missingDataItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
										{{missingDataItem.proInfo.ctn_size}}<small class="unit">CM</small>
									</td>
									<td>
										<button class="btn btn-sm btn-default" data-toggle="popover" title="库存记录" @mouseover="setpopper">
											库存
											<div class="content" style="display: none;">
												<div style="width:20vw">
													<table class="table">
														<tbody>
															<tr>
																<td>本地库存</td>
																<td align="right">
																	{{missingDataItem.storeInfo.store_sum}}<small class="unit">PCS</small>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
										</button>
									</td>
									<td align="right">
										{{missingDataItem.store_qty}} <small class="unit">PCS</small>
									</td>
									<td align="right">
										{{missingDataItem.missing_qty}} <small class="unit">PCS</small>
									</td>
									<td align="center">-</td>
									<td>
										{{missingDataItem.sale_ids}}
									</td>
									<td>{{missingDataItem.create_name}}<br>{{missingDataItem.create_time}}</td>
									<td>{{missingDataItem.update_name}}<br>{{missingDataItem.update_time}}</td>
									<td align="right">
										<button class="btn btn-sm btn-default" data-toggle="modal" data-target="#store_missing_viewModal" @click="missingCheck(missingDataItem)" v-if="auth_ids.indexOf(313) != -1" >查看</button>
										<button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#store_missing_viewModal" @click="missingEdit(missingDataItem)" v-if="auth_ids.indexOf(379) != -1">编辑</button>
										<button class="btn btn-sm btn-primary" @click="missingCancel(missingDataItem.id)" v-if="auth_ids.indexOf(380) != -1">取消登记</button>
									</td>
								</tr>
							</template>
							<template v-else>
	                            <tr style="text-align: center;" >
	                                <td colspan="10" class="no_date" style="line-height: 20rem">{:lang('no_data')} </td>
	                            </tr>
							</template>
						</tbody>
					</table>
				</div>

				<!--分页-->
				<div class="col-md-12">
					<ul class="pagination" id="pagination" v-show="list.length > 0 || missingData.length > 0"></ul>
				</div>
    			
			</div>
		</div>
	</div>

    <!-- 开始配货 弹窗开始 -->
    <div class="modal fade" id="make_startModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel1" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ntModalLabel1">订单（{{formatUnit(startDistributeData.id,'id')}}）配单开始</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-dismissable alert-info">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6"><span class="gray">公司</span><br>{{startDistributeData.company_name + (startDistributeData.branchcompany_name ?  "("+startDistributeData.branchcompany_name+")" : '')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{startDistributeData.delivery_type_name}}</div>
                        <div class="col-md-1 text-right" style="line-height: 3rem">对货员 <span class="required"></span></div>
                        <div class="col-md-3 text-right">
                            <select name="" id="checker_id" class="form-control">
                                <option value="-1">请选择对货员</option>
                                <option :value="checkerItem.id" v-for="(checkerItem,checkerIndex) in checker">{{checkerItem.checker_name + (checkerItem.checker_num ? ' / '+checkerItem.checker_num:'') }}</option>
                            </select>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th width="20%">产品</th>
                                        <th>箱规</th>
                                        <th>数量</th>
                                        <th>分配</th>
                                        <th>加工</th>
                                        <th>库存</th>
                                        <th width="7%">提货</th>
                                        <th width="7%">加工</th>
                                        <th width="7%">调货</th>
                                        <th>备注</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(startDistributeDataItem,startDistributeDataIndex) in startDistributeData.detail">
                                        <td align="center">{{formatUnit(startDistributeDataItem.id,'id')}}</td>
                                        <td>
                                            <div class="pro">
                                                <div class="pro-icon"><img :src="startDistributeDataItem.proInfo.img_url" border="0" width="48px" height="48px" alt=""></div>
                                                <div class="pro-name"><small>{{startDistributeDataItem.proInfo.prochar_id ? formatUnit(startDistributeDataItem.proInfo.prochar_id,'id') : formatUnit(startDistributeDataItem.proInfo.pro_id,'id') +( startDistributeDataItem.proInfo.brand_name ? " / " + startDistributeDataItem.proInfo.brand_name : '' ) + (startDistributeDataItem.proInfo.model ? " / " + startDistributeDataItem.proInfo.model : '') }}</small><br>{{startDistributeDataItem.proInfo.pro_name}}</div>
                                            </div>
                                        </td>
                                        <td align="right">
                                            {{startDistributeDataItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                            {{startDistributeDataItem.proInfo.ctn_size}}<small class="unit">CM</small>
                                        </td>
                                        <td align="right">
                                            <span class="blue f-1">{{startDistributeDataItem.qty}}</span> <small class="unit">PCS</small>
                                        </td>
                                        <td align="right">
                                            {{startDistributeDataItem.allocation}}<small class="unit">CTN</small><br>
                                            {{startDistributeDataItem.allocation_ ? startDistributeDataItem.allocation_ : '-'}}<small class="unit">PCS</small><br>
                                        </td>
                                        <td align="center">{{startDistributeDataItem.add ? "O" : "-"}}</td>
                                        <td>
                                            <button class="btn btn-sm btn-default " data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                库存
                                                <div class="content" style="display: none;" >
                                                    <div style="width:12vw">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>-</td>
                                                                    <td align="right">
                                                                        <span class="text-primary f-1">{{formatUnit(startDistributeDataItem.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                        {{formatUnit(startDistributeDataItem.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                                <tr v-for="(storeInfoItem,storeInfoIndex) in startDistributeDataItem.storeInfo.info">
                                                                    <td>{{storeInfoItem.area_type_name + ( storeInfoItem.name ?  '('+storeInfoItem.name+')':'' ) }}</td>
                                                                    <td align="right">
                                                                        {{formatUnit( (storeInfoItem.qty ? storeInfoItem.qty : 0) ,'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right">
                                            <div class="input-group">
                                                <input type="number" class="form-control text-right" :id="'pickup_'+startDistributeDataIndex" :value="startDistributeDataItem.pickup" @input="setStartDistributeData(startDistributeDataIndex,'pickup')">
                                                <span class="input-group-addon" style="padding:1px 1px"><small>CTN</small></span>
                                            </div>
                                        </td>
                                        <td align="right">
                                            <div class="input-group">
                                                <input type="number" class="form-control text-right" :id="'process_'+startDistributeDataIndex" :value="startDistributeDataItem.process" @input="setStartDistributeData(startDistributeDataIndex,'process')">
                                                <span class="input-group-addon" style="padding:1px 1px"><small>CTN</small></span>
                                            </div>
                                        </td>
                                        <td align="right">
                                            <div class="input-group">
                                                <input type="number" class="form-control text-right" :id="'storeOrder_'+startDistributeDataIndex" :value="startDistributeDataItem.storeOrder" @input="setStartDistributeData(startDistributeDataIndex,'storeOrder')" >
                                                <span class="input-group-addon" style="padding:1px 1px"><small>CTN</small></span>
                                            </div>
                                        </td>
                                        
                                        <td align="right">
                                            <button class="btn btn-sm btn-default" data-toggle="popover" :title="'订单（'+formatUnit(startDistributeData.id,'id')+'）备注'" @mouseover="setpopper" v-if="startDistributeDataItem.remark != undefined && startDistributeDataItem.remark.length > 0">
                                                备注
                                                <div class="content" style="display: none;" >
                                                    <div style="width:30vw;">
                                                        <ul>
                                                            <li v-for="(remarkItem,remarkIndex) in startDistributeDataItem.remark">{{ (remarkItem.add ? "(加工)" :'') + remarkItem.remark }} </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                    </tr> 
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="setMakeStartModal(startDistributeData)" :disabled="isdisabled">
                        <span class="glyphicon glyphicon-floppy-disk"></span>开始配单
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货 调配 弹窗开始 -->
    <div class="modal fade" id="make_adjustModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:70%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">订单（{{formatUnit(processingDistributeData.sale_id,'id')}}）配货调配  </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-dismissable alert-info">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8"><span class="gray">公司</span><br>{{processingMore.company_name + (processingMore.branchcompany_name ?  "("+processingMore.branchcompany_name+")" : '')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{processingMore.delivery_type_name}}</div>
                        <div class="col-md-2"><span class="gray">对货员</span><br> {{processingMore.checker_name}}</div>
                        <div class="col-md-12">
                            <hr style="margin: 1rem 0">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="pro">
                                <div class="pro-icon"><img :src="processingDistributeData.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                <div class="pro-name"><small>{{processingDistributeData.proInfo.prochar_id + (processingDistributeData.proInfo.brand_name ? ' / ' +processingDistributeData.proInfo.brand_name : '') + (processingDistributeData.proInfo.model ? ' / ' + processingDistributeData.proInfo.model : '') }}</small> <br />{{processingDistributeData.proInfo.pro_name}}</div>
                            </div>
                        </div>
                        <div class="col-md-2">
                            {{processingDistributeData.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                            {{processingDistributeData.proInfo.ctn_size}}<small class="unit">CM</small>
                        </div>
                        <div class="col-md-2 text-right">
                            <span class="unit">数量</span><br>
                            <span class="blue f-1">{{processingDistributeData.qty}}</span> <small class="unit">PCS</small>
                        </div>
                        <div class="col-md-2 text-center">
                            <button class="btn btn-sm btn-default" data-toggle="popover" title="备注内容" @mouseover="setpopper" v-if="processingDistributeData.remark != undefined">
                                备注
                                <div class="content" style="display: none;">
                                    <div style="width:30vw">
                                        <ul>
                                            <li v-for="(remarkItem1,remarkIndex1) in processingDistributeData.remark">{{remarkItem1.content}}</li>
                                        </ul>
                                    </div>
                                </div>
                            </button>
                        </div>
                        <div class="col-md-12">
                            <hr style="margin: 1rem 0">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>库存</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>本地库存</td>
                                        <td align="right">
                                            <span class="text-primary f-1">{{ formatUnit(processingDistributeData.storeInfo.store_ctn,'CTN') }}</span><small class="unit">CTN</small><br>
                                            {{ formatUnit(processingDistributeData.storeInfo.store_sum,'PCS') }}<small class="unit">PCS</small>
                                        </td>
                                    </tr>
                                    <tr v-for="(storeInfoItem2,storeInfoIndex2) in processingDistributeData.storeInfo.info">
                                        <td>{{storeInfoItem2.area_type_name + ( storeInfoItem2.name ?  '('+storeInfoItem2.name+')':'' ) }}</td>
                                        <td align="right">
                                            {{ formatUnit(storeInfoItem2.qty,'PCS') }}<small class="unit">PCS</small>
                                        </td>
                                    </tr>
                                    <!-- <tr>
                                        <td>包装区（成品区）</td>
                                        <td align="right">
                                            25<small class="unit">PCS</small>
                                        </td>
                                    </tr> -->
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td>合计</td>
                                        <td align="right">
                                            {{ formatUnit(processingDistributeData.storeInfo.totalStore,'PCS') }}<small class="unit">PCS</small>
                                        </td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="col-md-8">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>分配</th>
                                        <th>现在</th>
                                        <th>状态</th>
                                        <th width="30%">调整为</th>
                                        <th>数量</th>
                                    </tr>
                                </thead>
                                <tbody>
	                                <tr>
	                                    <td>仓库{{processingDistributeData.pickup}}</td>
	                                    <td align="right">
	                                        <span class="blue f-1" id="storePickup">{{ formatUnit((processingDistributeData.storeInfo.store_ctn - processingDistributeData.pickup/processingDistributeData.proInfo.prochar_qty),'CTN') }}</span><small class="unit">CTN</small><br>
	                                        {{ formatUnit(processingDistributeData.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
	                                    </td>
	                                    <td align="center">进行中</td>
	                                    <td>
	                                        <div class="input-group">
	                                            <input type="number" class="form-control text-right" :value="processingDistributeData.pickup/processingDistributeData.proInfo.prochar_qty" id="pickupEditValue" @change="changePickup()" v-if="is_startAtData.pickup_detail == 1">
	                                            <input type="number" class="form-control text-right" :value="processingDistributeData.pickup/processingDistributeData.proInfo.prochar_qty" id="pickupEditValue" @change="changePickup()" readonly v-else>
	                                            <span class="input-group-addon">CTN</span>
	                                        </div>
	                                    </td>
	                                    <td align="right">
	                                        <div class="lh-3" id="pickoPcs">
	                                            <p>{{ formatUnit(processingDistributeData.pickup,'PCS')}}</p><small class="unit">PCS</small>
	                                        </div>
	                                    </td>
	                                </tr>
	                                <tr>
	                                    <td>散货区</td>
	                                    <td align="right">
	                                        <div class="lh-3">
	                                            {{ formatUnit(processingDistributeData.qty,'PCS')}}<small class="unit">PCS</small>
	                                        </div>
	                                    </td>
	                                    <td align="center">-</td>
	                                    <td align="right">
	                                        <div class="lh-3">
	                                            {{ formatUnit((processingDistributeData.qty - processingDistributeData.pickup),'PCS')}}<small class="unit">PCS</small>
	                                        </div>
	                                    </td>
	                                    <td></td>
	                                </tr>
	                                <tr>
	                                    <td>包装部</td>
	                                    <td align="right">
	                                        <div class="lh-3">
	                                            -<small class="unit">PCS</small>
	                                        </div>
	                                    </td>
	                                    <td align="center">-</td>
	                                    <td>
	                                        <div class="input-group">
	                                            <!-- <input type="number" class="form-control text-right" :value="processingDistributeData.process" id="processEditValue" readonly="true"> -->

	                                            <input type="number" class="form-control text-right" :value="processingDistributeData.process" id="processEditValue" v-if="is_startAtData.process_detail == 1">
	                                            <input type="number" class="form-control text-right" :value="processingDistributeData.process" id="processEditValue" readonly v-else>
	                                            <span class="input-group-addon">PCS</span>
	                                        </div>
	                                    </td>
	                                    <td></td>
	                                </tr>
	                            </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" id="make_adjustModalBtn" style="padding-left:24px;padding-right:24px" @click="saveProcessingData('processingDistributeData')" :disabled="isdisabled">
                        <span class="fa fa-save"></span>保存调配数量
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货-登记库存缺货 弹窗开始 -->
    <div class="modal fade" id="store_missingModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" >订单（{{formatUnit(storeMissingData.sale_id,'id')}}）产品库存缺货登记</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-dismissable alert-info">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-8">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#"><b class="text-primary">产品 / 受影响订单{{storeMissingData.length}}</b></a></li>
                            </ul>
                        </div>
                        <div class="col-md-4 text-right">
                            <select name="" id="storeMissingSelect" class="form-control" @change="storeMissing('selectPro')">
                                <option value="-1">请选择产品</option>
                                <option :value="storeMissingSelectIndex" v-for="(storeMissingSelectItem,storeMissingSelectIndex) in storeMissingSelectData">{{storeMissingSelectItem.proInfo.prochar_id ? formatUnit(storeMissingSelectItem.proInfo.prochar_id,'id') : formatUnit(storeMissingSelectItem.proInfo.pro_id,'id') +( storeMissingSelectItem.proInfo.brand_name ? " / " + storeMissingSelectItem.proInfo.brand_name : '' ) + (storeMissingSelectItem.proInfo.model ? " / " + storeMissingSelectItem.proInfo.model : '') }} / {{storeMissingSelectItem.proInfo.pro_name}}</option>
                            </select>
                        </div>
                    </div>
                    <template v-if="storeMissingData.length != 0">
                        <div class="row">
                            <div class="col-md-12">
                                <table class="table table-striped table-hover ntTable">
                                    <thead>
                                        <tr>
                                            <th width="20%">产品</th>
                                            <th>箱规</th>
                                            <th>数量</th>
                                            <th>分配</th>
                                            <th>加工</th>
                                            <th>库存</th>
                                            <th width="10%">缺货数量 <span class="required"></span></th>
                                            <th>仓管登记</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="pro">
                                                    <div class="pro-icon"><img :src="storeMissingData.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                    <div class="pro-name"><small>{{storeMissingData.proInfo.prochar_id ? formatUnit(storeMissingData.proInfo.prochar_id,'id') : formatUnit(storeMissingData.proInfo.pro_id,'id') +( storeMissingData.proInfo.brand_name ? " / " + storeMissingData.proInfo.brand_name : '' ) + (storeMissingData.proInfo.model ? " / " + storeMissingData.proInfo.model : '') }}</small><br>{{storeMissingData.proInfo.pro_name}}</div>
                                                </div>
                                            </td>
                                            <td align="right">
                                                {{storeMissingData.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                {{storeMissingData.proInfo.ctn_size}}<small class="unit">CM</small>
                                            </td>
                                            <td align="right">
                                                <span class="blue f-1">{{storeMissingData.qty}}</span> <small class="unit">PCS</small>
                                            </td>
                                            <td align="right">
                                                {{storeMissingData.allocation ? storeMissingData.allocation : 0}}<small class="unit">CTN</small><br>
                                                {{storeMissingData.allocation_ ? storeMissingData.allocation_ : 0}}<small class="unit">PCS</small><br>
                                            </td>
                                            <td align="center">-</td>
                                            <td>
                                                <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                    库存
                                                    <div class="content" style="display: none;">
                                                        <div style="width:12vw">
                                                            <table class="table">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>-</td>
                                                                        <td align="right">
                                                                            <span class="text-primary f-1">{{formatUnit(storeMissingData.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                            {{formatUnit(storeMissingData.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                    <tr v-for="(storeInfoItem1,storeInfoIndex1) in storeMissingData.storeInfo.info">
                                                                        <td>{{storeInfoItem1.area_type_name + ( storeInfoItem1.name ?  '('+storeInfoItem1.name+')':'' ) }}</td>
                                                                        <td align="right">
                                                                            {{formatUnit( (storeInfoItem1.qty ? storeInfoItem1.qty : 0),'PCS')}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </button>
                                            </td>

                                            <td>
                                                <input type="number" class="form-control text-right" id="missing_qty" v-model="storeMissingData.missing_qty">
                                            </td>
                                            <td>
                                                {{storeMissingData.missing_create_name}}<br>
                                                <small>{{storeMissingData.missing_create_time}}</small>
                                            </td>
                                            <td align="right">
                                                <button class="btn btn-sm btn-default" data-toggle="popover" title="暂停说明" @mouseover="setpopper" v-if="storeMissingData.remark != undefined">
                                                    说明
                                                    <div class="content" style="display: none;">
                                                        <ul>
                                                            <li v-for="(remarkItem,remarkIndex) in storeMissingData.remark">{{remarkItem.remark}}</li>
                                                        </ul>
                                                    </div>
                                                </button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-12">
                                <table class="table table-striped table-hover ntTable">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>订单号</th>
                                            <th>优先级</th>
                                            <th>产品数量</th>
                                            <th>业务员</th>
                                            <th>编辑</th>
                                            <th>详情</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr v-for="(storeMissingDetailItem,storeMissingDetailIndex) in storeMissingList">
                                            <!-- <td align="center"><input type="checkbox" name="storeMissingDetail"  :value="storeMissingDetailIndex"></td> -->
                                            <td align="center"><input type="checkbox" name="storeMissingDetail"  :value="storeMissingDetailItem.sale_id" v-model='storeMissingSaleIds' @change="countQty()"></td>
                                            <td align="center">{{storeMissingDetailItem.sale_id}}</td>
                                            <td align="center"><span class="label label-info">{{storeMissingDetailItem.priority}}</span></td>
                                            <td align="right">{{storeMissingDetailItem.qty}}<small class="unit">PCS</small></td>
                                            <td>{{storeMissingDetailItem.saler_name}}</td>
                                            <td>{{storeMissingDetailItem.create_name}} / {{storeMissingDetailItem.create_time}}</td>
                                            <td align="right">
                                                <button class="btn btn-sm btn-default" data-toggle="popover" :title="'订单（'+formatUnit(storeMissingData.sale_id,'id')+'）详情'" @mouseover="setpopper">
                                                    订单详情
                                                    <div class="content" style="display: none;" >
                                                        <!-- <div style="width:30vw;"> -->
                                                            <table class="table table-condensed">
                                                                <tbody>
                                                                    <tr v-for="(itemm,indexx) in storeMissingDetailItem.detail">
                                                                        <td>
                                                                            <div class="pro">
                                                                                <div class="pro-icon"><img :src="itemm.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                                                <div class="pro-name"><small>{{itemm.proInfo.prochar_id ? formatUnit(itemm.proInfo.prochar_id,'id') : formatUnit(itemm.proInfo.pro_id,'id') +( itemm.proInfo.brand_name ? " / " + itemm.proInfo.brand_name : '' ) + (itemm.proInfo.model ? " / " + itemm.proInfo.model : '') }}</small><br>{{itemm.proInfo.pro_name}}</div>
                                                                            </div>
                                                                        </td>
                                                                        <td align="right">
                                                                            {{itemm.qty}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        <!-- </div> -->
                                                    </div>
                                                </button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </template>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="storeMissing('save')" :disabled="isdisabled">
                        <span class="fa fa-save"></span>登记库存缺货
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货-库存缺货 查看 弹窗开始 -->
    <div class="modal fade" id="store_missing_viewModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" >{{missingDataType == 'check' ? '库存缺货登记查看' : '订单产品（'+formatUnit(storeMissingData.sale_id,'id')+'）库存缺货编辑' }}</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#"><b class="text-primary">产品 / 受影响订单</b></a></li>
                            </ul>
                        </div>
                    </div>

                    <template v-if="storeMissingData.length != 0">
                        <div class="row">
                            <div class="col-md-12">
                                <table class="table table-striped table-hover ntTable">
                                    <thead>
                                        <tr>
                                            <th width="20%">产品</th>
                                            <th>箱规</th>
                                            <th>数量</th>
                                            <th>分配</th>
                                            <th>加工</th>
                                            <th>库存</th>
                                            <th width="10%">缺货数量</th>
                                            <th>仓管登记</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="pro">
                                                    <div class="pro-icon"><img :src="storeMissingData.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                    <div class="pro-name"><small>{{storeMissingData.proInfo.prochar_id ? formatUnit(storeMissingData.proInfo.prochar_id,'id') : formatUnit(storeMissingData.proInfo.pro_id,'id') +( storeMissingData.proInfo.brand_name ? " / " + storeMissingData.proInfo.brand_name : '' ) + (storeMissingData.proInfo.model ? " / " + storeMissingData.proInfo.model : '') }}</small><br>{{storeMissingData.proInfo.pro_name}}</div>
                                                </div>
                                            </td>
                                            <td align="right">
                                                {{storeMissingData.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                {{storeMissingData.proInfo.ctn_size}}<small class="unit">CM</small>
                                            </td>
                                            <td align="right">
                                                <span class="blue f-1">{{storeMissingData.qty}}</span> <small class="unit">PCS</small>
                                            </td>
                                            <td align="right">
                                                {{storeMissingData.allocation ? storeMissingData.allocation : 0}}<small class="unit">CTN</small><br>
                                                {{storeMissingData.allocation_ ? storeMissingData.allocation_ : 0}}<small class="unit">PCS</small><br>
                                            </td>
                                            <td align="center">-</td>
                                            <td>
                                                <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                    库存
                                                    <div class="content" style="display: none;">
                                                        <div style="width:12vw">
                                                            <table class="table">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>-</td>
                                                                        <td align="right">
                                                                            <span class="text-primary f-1">{{formatUnit(storeMissingData.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                            {{storeMissingData.storeInfo.store_sum}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                    <tr v-for="(storeInfoItem1,storeInfoIndex1) in storeMissingData.storeInfo.info">
                                                                        <td>{{storeInfoItem1.area_type_name + ( storeInfoItem1.name ?  '('+storeInfoItem1.name+')':'' ) }}</td>
                                                                        <td align="right">
                                                                            {{formatUnit( (storeInfoItem1.qty ? storeInfoItem1.qty : 0),'PCS')}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </button>
                                            </td>

                                            <td>
                                            	<template v-if="missingDataType == 'check'">
                                            		{{storeMissingData.missing_qty}}
                                            	</template>
                                            	<template v-else>
                                            		<input type="number" class="form-control text-right" id="missing_qty" v-model="storeMissingData.missing_qty">
                                            	</template>
                                            </td>
                                            <td>
                                                {{storeMissingData.docker_name}}<br>
                                                <small>{{storeMissingData.docker_time}}</small>
                                            </td>
                                            <td align="right">
                                                <button class="btn btn-sm btn-default" data-toggle="popover" title="暂停说明" @mouseover="setpopper" v-if="storeMissingData.processRemark != undefined">
                                                    说明
                                                    <div class="content" style="display: none;">
                                                            <ul>
                                                                <li v-for="(processRemarkItem,processRemarkIndex) in storeMissingData.processRemark">{{processRemarkItem.remark}}</li>
                                                            </ul>
                                                    </div>
                                                </button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-12">
                                <table class="table table-striped table-hover ntTable">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>订单号</th>
                                            <th>优先级</th>
                                            <th>产品数量</th>
                                            <th>业务员</th>
                                            <th>编辑</th>
                                            <th>详情</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr v-for="(storeMissingDetailItem,storeMissingDetailIndex) in storeMissingList">
                                        	<template v-if="missingDataType == 'check'">
	                                            <td align="center">{{storeMissingDetailIndex+1}}</td>
	                                        </template>
	                                        <template v-else>
	                                        	<td align="center"><input type="checkbox" name="storeMissingDetail" checked :value="storeMissingDetailIndex"></td>
	                                        </template>
                                            
                                            <td align="center">{{storeMissingDetailItem.sale_id}}</td>
                                            <td align="center"><span class="label label-info">{{storeMissingDetailItem.priority}}</span></td>
                                            <td align="right">{{storeMissingDetailItem.qty}}<small class="unit">PCS</small></td>
                                            <td>{{storeMissingDetailItem.saler_name}}</td>
                                            <td>{{storeMissingDetailItem.create_name}} / {{storeMissingDetailItem.create_time}}</td>
                                            <td align="right">
                                                <button class="btn btn-sm btn-default" data-toggle="popover" title="订单（8882）详情" @mouseover="setpopper">
                                                    订单详情
                                                    <div class="content" style="display: none;" >
                                                        <!-- <div style="width:30vw;"> -->
                                                            <table class="table table-condensed">
                                                                <tbody>
                                                                    <tr v-for="(itemm,indexx) in storeMissingDetailItem.detail">
                                                                        <td>
                                                                            <div class="pro">
                                                                                <div class="pro-icon"><img :src="itemm.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                                                <div class="pro-name"><small>{{itemm.proInfo.prochar_id ? formatUnit(itemm.proInfo.prochar_id,'id') : formatUnit(itemm.proInfo.pro_id,'id') +( itemm.proInfo.brand_name ? " / " + itemm.proInfo.brand_name : '' ) + (itemm.proInfo.model ? " / " + itemm.proInfo.model : '') }}</small><br>{{itemm.proInfo.pro_name}}</div>
                                                                            </div>
                                                                        </td>
                                                                        <td align="right">
                                                                            {{itemm.qty}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        <!-- </div> -->
                                                    </div>
                                                </button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </template>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <template v-if="missingDataType != 'check'">
	                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="missingEdit('save')" :disabled="isdisabled">
	                        <span class="fa fa-save"></span>编辑库存缺货
	                    </button>
                    </template>
                </div>
            </div>
        </div>
    </div>

    <!-- 进行中 查看 弹窗开始 -->
    <div class="modal fade" id="make_viewModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel2" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ntModalLabel2">订单（{{formatUnit(processingMore.id,'id')}}）配单查看</h4>
                </div>
                <div class="modal-body">
                
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-dismissable alert-info">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <p></p>
                            </div>
                        </div>
                    </div>
                
                    <div class="row">
                        <div class="col-md-12">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#view_sale" data-toggle="tab">订单</a></li>
                                <li><a href="#view_status" data-toggle="tab">状态</a></li>
                                <li><a href="#view_pickup" data-toggle="tab" v-show="checkData.pickupDetail">提货</a></li>
                                <li><a href="#view_process" data-toggle="tab">加工</a></li>
                                <li><a href="#view_pack" data-toggle="tab">装箱单</a></li>
                            </ul>
                        </div>
                    </div>
                
                
                    <div class="tab-content">
                        
                        <!-- 订单 -->
                        <div class="tab-pane active" id="view_sale">
                            <div class="row" style="padding: 1rem">
                                <div class="col-md-2">
                                    <span class="gray">订单号</span><br>
                                    {{formatUnit(processingMore.id,'id')}} <span class="label label-primary pull-right">{{processingMore.priority}}</span>
                                </div>
                                <div class="col-md-6">
                                    <span class="gray">公司</span><br>
                                    <div class="text-1line">
                                        {{processingMore.company_name + (processingMore.branchcompany_name ? "("+processingMore.branchcompany_name+")":'')}}
                                    </div>
                                </div>
                                <div class="col-md-2"><span class="gray">业务员</span><br> {{processingMore.saler_name}}</div>
                                <div class="col-md-2"><span class="gray">打印</span><br>{{processingMore.print_count + (processingMore.print_time ? ' / ' + processingMore.print_time: '') }} </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover ntTable">
                                        <thead>
                                            <tr>
                                                <th>No.</th>
                                                <th width="20%">产品</th>
                                                <th>箱规</th>
                                                <th>数量</th>
                                                <th>分配</th>
                                                <th>加工</th>
                                                <th>库存</th>
                                                <th width="7%">提货</th>
                                                <th width="7%">加工</th>
                                                <th width="7%">调货</th>
                                                <th>备注</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(checkItem,checkIndex) in processingMore.detail">
                                                <td align="center">1</td>
                                                <td>
                                                    <div class="pro">
                                                        <div class="pro-icon"><img :src="checkItem.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                        <div class="pro-name"><small>{{checkItem.proInfo.prochar_id + (checkItem.proInfo.brand_name ? ' / ' +checkItem.proInfo.brand_name : '') + (checkItem.proInfo.model ? ' / ' + checkItem.proInfo.model : '') }}</small> <br />{{checkItem.proInfo.pro_name}}</div>
                                                    </div>
                                                </td>
                                                <td align="right">
                                                    {{checkItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                    {{checkItem.proInfo.ctn_size}}<small class="unit">CM</small>
                                                </td>

                                                <td align="right">
                                                    <span class="blue f-1">{{checkItem.qty}}</span> <small class="unit">PCS</small>
                                                </td>

                                                <td align="right">
                                                    <span class="text-primary">{{checkItem.allocation == 0 ? '-' : checkItem.allocation}}</span><small class="unit">CTN</small><br>
                                                    <span class="text-danger">{{checkItem.allocation_ == 0 ? '-' : checkItem.allocation_}}</span><small class="unit">PCS</small>
                                                </td>
                                                <td align="center">-</td>
                                                <td>
                                                    <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                        库存
                                                        <div class="content" style="display: none;">
                                                        <div style="width:12vw">
                                                            <table class="table">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>-</td>
                                                                        <td align="right">
                                                                            <span class="text-primary f-1">{{formatUnit(checkItem.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                            {{checkItem.storeInfo.store_sum}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                    <tr v-for="(storeInfoItem3,storeInfoIndex3) in checkItem.storeInfo.info">
                                                                        <td>{{storeInfoItem3.area_type_name + ( storeInfoItem3.name ?  '('+storeInfoItem3.name+')':'' )}}</td>
                                                                        <td align="right">
                                                                            {{formatUnit( (storeInfoItem3.qty ? storeInfoItem3.qty : 0),'PCS')}}<small class="unit">PCS</small>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                    </button>
                                                </td>
                                                <td align="right">{{checkItem.pickup ? checkItem.pickup/checkItem.proInfo.prochar_qty : '-'}}<small class="unit">CTN</small></td>
                                                <td align="right">{{checkItem.process ? checkItem.process/checkItem.proInfo.prochar_qty : '-'}}<small class="unit">CTN</small></td>
                                                <td align="right">{{checkItem.storeOrder ? checkItem.storeOrder/checkItem.proInfo.prochar_qty : '-'}}<small class="unit">CTN</small></td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                        <!-- 状态 -->
                        <div class="tab-pane" id="view_status">
                            <div class="row" style="padding-top: 1rem">
                                <div class="col-md-5">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            配货
                                        </div>
                                        <table class="table table-hover ntTable">
                                            <tbody>
                                                <tr>
                                                    <td>销售开单</td>
                                                    <td>{{processingMore.saler_name}}<br></td>
                                                    <td>{{processingMore.create_time}}</td>
                                                </tr>
                                                <tr>
                                                    <td>配货主管</td>
                                                    <td>{{processingMore.create_make_name}}</td>
                                                    <td>{{processingMore.create_make_time}}</td>
                                                </tr>
                                                <tr>
                                                    <td>打印</td>
                                                    <td>{{processingMore.print_count}}</td>
                                                    <td>{{processingMore.print_time}}</td>
                                                </tr>
                                                <tr>
                                                    <td>对货</td>
                                                    <td>{{processingMore.checker_name}}</td>
                                                    <td>{{processingMore.checker_time}}</td>
                                                </tr>
                                                <!-- <tr>
                                                    <td>仓管员</td>
                                                    <td>ALISADAR</td>
                                                    <td>18-03-2020 11:26:33</td>
                                                </tr>
                                                <tr>
                                                    <td>包装/加工</td>
                                                    <td>
                                                        <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="加工组员">
                                                            组员
                                                            <div class="content">
                                                                <div style="width:20vw">
                                                                    JOE / WILLAM / MICOS
                                                                </div>
                                                            </div>
                                                        </button>
                                                    </td>
                                                    <td>18-03-2020 11:36:33</td>
                                                </tr> -->
                                                <tr>
                                                    <td>装箱单</td>
                                                    <td>{{processingMore.pack_name}}</td>
                                                    <td>{{processingMore.pack_time}}</td>
                                                </tr>
                                                <tr>
                                                    <td>配货时间</td>
                                                    <td></td>
                                                    <td class="blue">{{processingMore.making_time}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                
                                <div class="col-md-7">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            物流
                                        </div>
                                        <!-- <table class="table table-hover ntTable"> -->
                                    	<table class="table table-striped table-hover ntTable">
                                            <tbody>
                                                <tr>
                                                    <td>物流主管</td>
                                                    <td>{{checkData.logisticsDetail.create_name}}</td>
                                                    <td>{{checkData.logisticsDetail.create_time}}</td>
                                                </tr>
                                                <tr>
                                                    <td>送货方式</td>
                                                    <td>{{checkData.logisticsDetail.delivery_type_name}}</td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>物流公司</td>
                                                    <td colspan="2">
                                                        {{checkData.logisticsDetail.logisticsCompany_name }}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>回执</td>
                                                    <td>{{checkData.logisticsDetail.receipt_name}}</td>
                                                    <td>{{checkData.logisticsDetail.receipt_time}}</td>
                                                </tr>
                                                <tr>
                                                    <td>送货</td>
                                                    <td>
                                                    	<template v-for="(teamsItem,teamsIndex) in checkData.logisticsDetail.teams">
                                                    		<span v-if="teamsIndex == 0">{{teamsItem.nickname}}</span>
                                                    		<span v-else>{{ ' / ' + teamsItem.nickname}}</span>
                                                    	</template>
                                                    </td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>任务时间</td>
                                                    <td  class="blue">{{checkData.logisticsDetail.work_time}}</td>
                                                    <td></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 提货 -->
                        <div class="tab-pane" id="view_pickup" >
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover ntTable">
                                        <thead>
                                            <tr>
                                                <th>No.</th>
                                                <th width="30%">产品</th>
                                                <th>箱规</th>
                                                <th>数量</th>
                                                <th>缺货</th>
                                                <th>目的地</th>
                                                <th>编辑</th>
                                                <th>取回</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(bodyDataIntem,bodyDataIndex) in checkData.pickupDetail.bodyData">
                                                <td>{{formatUnit(bodyDataIntem.id,'id')}}</td>
                                                <td>
                                                    <div class="pro">
                                                        <div class="pro-icon">
                                                            <img :src="bodyDataIntem.proInfo.img_url" border="0" width="48px" height="48px">
                                                        </div>
                                                        <div class="pro-name">
                                                            <small>{{formatUnit(bodyDataIntem.proInfo.prochar_id,'id') + (bodyDataIntem.proInfo.brand_name ? ' / ' + bodyDataIntem.proInfo.brand_name :'') +( bodyDataIntem.proInfo.model ? ' / ' + bodyDataIntem.proInfo.model : '' ) }}</small><br>
                                                            {{bodyDataIntem.proInfo.pro_name}}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td align="right">
                                                    {{bodyDataIntem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                    {{bodyDataIntem.proInfo.ctn_size}}<small class="unit">CM</small>
                                                </td>
                                                <td align="right">
                                                    {{ formatUnit( (bodyDataIntem.qty/bodyDataIntem.proInfo.prochar_qty),'CTN') }}<small class="unit">CTN</small><br>
                                                    {{ formatUnit( (bodyDataIntem.qty- Math.floor(bodyDataIntem.qty/bodyDataIntem.proInfo.prochar_qty)*bodyDataIntem.proInfo.prochar_qty),'PCS') }}<small class="unit">PCS</small>
                                                </td>
                                                <td align="right">
                                                    {{ formatUnit( (bodyDataIntem.lack_qty/bodyDataIntem.proInfo.prochar_qty),"CTN") }}<small class="unit">CTN</small><br>
                                                    {{ formatUnit( (bodyDataIntem.lack_qty- Math.floor(bodyDataIntem.lack_qty/bodyDataIntem.proInfo.prochar_qty)*bodyDataIntem.proInfo.prochar_qty),"PCS") }}<small class="unit">PCS</small>
                                                </td>
                                                <td>{{bodyDataIntem.area_name}}</td>
                                                <td>
                                                    {{bodyDataIntem.create_name}}<br>
                                                    <small>{{bodyDataIntem.create_time}}</small>
                                                </td>
                                                <td>
                                                    {{bodyDataIntem.cancel_name ? bodyDataIntem.cancel_name : '-'}}<br>
                                                    <small>{{bodyDataIntem.cancel_time}}</small>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 加工 -->
                        <div class="tab-pane" id="view_process">
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover ntTable">
                                        <thead>
                                            <tr>
                                                <th>No.</th>
                                                <th width="30%">产品</th>
                                                <th>箱规</th>
                                                <th>数量</th>
                                                <th>配件</th>
                                                <th>编辑</th>
												<th>状态</th>
												<th>组员</th>
                                                <th>取消</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(bodyDataIntem,bodyDataIndex) in checkData.processDetail.bodyData">
                                                <td>{{formatUnit(bodyDataIntem.id,'id')}}</td>
                                                <td>
                                                    <div class="pro">
                                                        <div class="pro-icon">
                                                            <img :src="bodyDataIntem.proInfo.img_url" border="0" width="48px" height="48px">
                                                        </div>
                                                        <div class="pro-name">
                                                            <small>{{formatUnit(bodyDataIntem.proInfo.prochar_id,'id') + (bodyDataIntem.proInfo.brand_name ? ' / ' + bodyDataIntem.proInfo.brand_name :'') +( bodyDataIntem.proInfo.model ? ' / ' + bodyDataIntem.proInfo.model : '' ) }}</small><br>
                                                            {{bodyDataIntem.proInfo.pro_name}}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td align="right">
                                                    {{bodyDataIntem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                    {{bodyDataIntem.proInfo.ctn_size}}<small class="unit">CM</small>
                                                </td>
                                                <td align="right">
                                                    {{bodyDataIntem.proInfo.prochar_qty}}<small class="unit">PCS</small>
                                                </td>
                                                <td align="right">
                                                    <button class="btn btn-sm btn-default" data-toggle="popover" title="配件使用数量" @mouseover="setpopper">
                                                        配件
                                                        <div class="content" style="display: none;">
                                                            <div style="width:20vw">
                                                                <table class="table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>配件</th>
                                                                            <th>数量</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tboday>
                                                                        <tr v-for="(itemItem,itemIndex) in bodyDataIntem.item">
                                                                            <td>
                                                                                <div class="pro">
                                                                                    <div class="pro-icon">
                                                                                        <img :src="itemItem.proInfo.img_url" border="0" width="48px" height="48px">
                                                                                    </div>
                                                                                    <div class="pro-name">
                                                                                        <small>{{ formatUnit(itemItem.proInfo.prochar_id,'id') + (itemItem.proInfo.brand_name ? ' / ' + itemItem.proInfo.brand_name : '' ) + ( itemItem.proInfo.model ? ' / ' + itemItem.proInfo.model : '' ) }}</small><br>
                                                                                        {{itemItem.proInfo.pro_name}}
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                            <td align="right">{{itemItem.proInfo.prochar_qty}}<small class="unit">PCS</small></td>
                                                                        </tr>
                                                                    </tboday>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </button>
                                                </td>
                                                <td>
                                                    {{bodyDataIntem.create_name}}<br>
                                                    <small>{{bodyDataIntem.create_time}}</small>
                                                </td>
												<td>
													{{bodyDataIntem.status_name}}<br>
													<small>{{bodyDataIntem.status_time}}</small>
												</td>
												<td>
													<button class="btn btn-sm btn-default" data-toggle="popover" title="加工组员"  @mouseover="setpopper">
														组员
														<div class="content" style="display: none;">
															<div style="width:20vw">
																主管<br>
																{{bodyDataIntem.team_name}}
															</div>
														</div>
													</button>
												</td>
                                                <td align="right">
                                                    <button class="btn btn-sm btn-default" data-toggle="popover" title="取消说明" @mouseover="setpopper" v-if="bodyDataIntem.remark != undefined">
                                                        说明
                                                        <div class="content" style="display: none;">
                                                            <div style="width:20vw">
                                                                <ul>
                                                                    <li v-for="(remarkItem,remarkIndex) in bodyDataIntem.remark">{{remarkItem.remark}}</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        
                        <!-- 装箱单 -->
                        <div class="tab-pane" id="view_pack">
                            <div class="row" style="padding: 1rem">
                                <div class="col-md-2">
                                    <small class="gray">装箱员</small><br>
                                    {{checkData.salePacksalePack.headData.sale_pack_name}}
                                </div>
                                <div class="col-md-1">
                                    <small class="gray">箱数</small><br>
                                    {{checkData.salePacksalePack.headData.pack_qty}}<small class="unit">CTN</small>
                                </div>
                                <div class="col-md-1">
                                    <small class="gray">体积</small><br>
                                    {{checkData.salePacksalePack.headData.volume}}<small class="unit">CBM</small>
                                </div>
                                <div class="col-md-2">
                                    <small class="gray">重量</small><br>
                                    {{checkData.salePacksalePack.headData.kgs}}<small class="unit">KGS</small>
                                </div>
                                <div class="col-md-2">
                                    <small class="gray">物流主管</small><br>
                                </div>
                                <div class="col-md-2">
                                    <small class="gray">送货方式</small><br>
                                    {{checkData.salePacksalePack.headData.delivery_type_name}}
                                </div>
                                <div class="col-md-2">
                                    <small class="gray">状态</small><br>
                                    -
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover ntTable">
                                        <thead>
                                            <tr>
                                                <th>No.</th>
                                                <th>箱数</th>
                                                <th>箱规</th>
                                                <th width="30%">产品</th>
                                                <th>数量</th>
                                                <th>位置</th>
                                                <th>体积</th>
                                                <th>重量</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        	<template v-for="(bodyDataItem,bodyDataIndex) in checkData.salePacksalePack.bodyData">
	                                            <tr v-for="(detailItem,detailIndex) in bodyDataItem.detail">
	                                            	<template v-if="detailIndex == 0">
		                                                <td alalign="right">{{formatUnit(bodyDataItem.id,'id')}}</td>
		                                                <td alalign="right">{{bodyDataItem.ctns}}<small class="unit">CTN</small></td>
		                                                <td align="right">
		                                                    {{bodyDataItem.size}}<small class="unit">CM</small><br>
		                                                    {{bodyDataItem.volume}}<small class="unit">CBM</small> / {{bodyDataItem.kgs}}<small class="unit">KGS</small>
		                                                </td>
	                                            	</template>
	                                            	<template v-else>
	                                            		<td></td>
	                                            		<td></td>
	                                            		<td></td>
	                                            	</template>
	                                                <td>
	                                                    <div class="pro">
	                                                        <div class="pro-icon">
	                                                            <img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px">
	                                                        </div>
	                                                        <div class="pro-name">
	                                                            <small>{{ formatUnit(detailItem.proInfo.prochar_id,'id') + ( detailItem.proInfo.brand_name ? ' / ' + detailItem.proInfo.brand_name : '' ) + (detailItem.proInfo.model ? ' / ' + detailItem.proInfo.model : '') }}</small><br>
	                                                            {{detailItem.proInfo.pro_name}}
	                                                        </div>
	                                                    </div>
	                                                </td>
	                                                <td align="right">
	                                                    {{detailItem.qty}}<small class="unit">PCS</small>
	                                                </td>
	                                                <template v-if="detailIndex == 0">
	                                                	<td>{{bodyDataItem.area_name}}</td>
		                                                <td align="right">
		                                                    {{bodyDataItem.ctns*bodyDataItem.volume}}<small class="unit">CBM</small>
		                                                </td>
		                                                <td align="right">
		                                                    {{bodyDataItem.ctns*bodyDataItem.kgs}}<small class="unit">KGS</small>
		                                                </td>
	                                                </template>
	                                                <template v-else>
	                                                	<td></td>
	                                                	<td></td>
	                                                	<td></td>
	                                                </template>
	                                            </tr>
	                                        </template>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货提货 弹窗开始  配单提货指令 -->
    <div class="modal fade" id="make_pickupModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel3" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ntModalLabel3">订单（{{formatUnit(processingMore.id,'id')}}）配单提货指令</h4>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-dismissable alert-info">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6"><span class="gray">公司</span><br>{{processingMore.company_name + (processingMore.branchcompany_name ? "("+processingMore.branchcompany_name+")":'')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{processingMore.delivery_type_name}}</div>
                        <div class="col-md-4"><span class="gray">对货员</span><br> {{processingMore.checker_name}}</div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1 lh-3">产品<span class="required"></span></div>
                        <div class="col-md-4">
                            <select class="form-control" name="" id="processingPickupPro">
                                <option value="-1">请选择产品</option>
                                <option :value="deltailIndex3" v-for="(deltailItem3,deltailIndex3) in processingMore.detail">{{formatUnit(deltailItem3.proInfo.prochar_id,'id') + (deltailItem3.proInfo.brand_name ? ' / '+deltailItem3.proInfo.brand_name : '' ) + (deltailItem3.proInfo.model ? ' / '+deltailItem3.proInfo.model : '' ) + (deltailItem3.proInfo.pro_name ? ' / '+deltailItem3.proInfo.pro_name : '' ) }}</option>
                            </select>
                        </div>
                        <div class="col-md-1 lh-3">数量<span class="required"></span></div>
                        <div class="col-md-2">
                            <div class="input-group">
                                <input type="number" class="form-control text-right" value="" id="processingPickupProQty">
                                <span class="input-group-addon">CTN</span>
                            </div>
                        </div>
                        <input type="hidden" id="processingPickupKey" value="-1">
                        <div class="col-md-1 lh-3">提货目的地<span class="required"></span></div>
                        <div class="col-md-2">
                            <select class="form-control" name="" id="processingPickupArea">
                                <option value="-1">请选择位置</option>
                                <option :value="warehouseAreaIndex" v-for="(warehouseAreaItem,warehouseAreaIndex) in warehouseArea">{{warehouseAreaItem.name}}</option>
                            </select>
                        </div>
                        <div class="col-md-1 text-right">
                            <button class="btn btn-primary" @click="setProcessingPickup()"><span class="fa fa-plus"></span>添加</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th width="20%">产品</th>
                                        <th>箱规</th>
                                        <th>数量</th>
                                        <th>分配</th>
                                        <th>加工</th>
                                        <th>库存</th>
                                        <th width="7%">提货</th>
                                        <th>目的地</th>
                                        <th>备注</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(deltailItem2,deltailIndex2) in processingPickupList"> 
                                        <td align="center">{{deltailIndex2+1}}</td>
                                        <td>
                                            <div class="pro">
                                                <div class="pro-icon"><img :src="deltailItem2.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                <div class="pro-name"><small>{{formatUnit(deltailItem2.proInfo.prochar_id,'id') + (deltailItem2.proInfo.brand_name ? ' / ' + deltailItem2.proInfo.brand_name : '') + (deltailItem2.proInfo.model ? ' / ' + deltailItem2.proInfo.model : '') }}</small> <br />{{deltailItem2.proInfo.pro_name}}</div>
                                            </div>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                            {{deltailItem2.proInfo.ctn_size}}<small class="unit">CM</small>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.qty}}<small class="unit">PCS</small>
                                        </td>
                                        <td align="right">
                                            <span class="text-primary">{{deltailItem2.allocation == 0 ? '-' : deltailItem2.allocation}}</span><small class="unit">CTN</small><br>
                                            <span class="text-danger">{{deltailItem2.allocation_ == 0 ? '-' : deltailItem2.allocation_}}</span><small class="unit">PCS</small>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                库存
                                                <div class="content" style="display: none;">
                                                    <div style="width:12vw">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>-</td>
                                                                    <td align="right">
                                                                        <span class="text-primary f-1">{{formatUnit(deltailItem2.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                        {{formatUnit(deltailItem2.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                                <tr v-for="(storeInfoItem3,storeInfoIndex3) in deltailItem2.storeInfo.info">
                                                                    <td>{{storeInfoItem3.area_type_name + ( storeInfoItem3.name ?  '('+storeInfoItem3.name+')':'' ) }}</td>
                                                                    <td align="right">
                                                                        {{formatUnit( (storeInfoItem3.qty ? storeInfoItem3.qty : 0),'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right"><span class="green f-1">{{deltailItem2.processingPickupProQty/deltailItem2.proInfo.prochar_qty}}</span><small class="unit">CTN</small></td>
                                        <td>{{deltailItem2.processingPickupArea_name}}</td>
                                        <td align="right">
                                            <button class="btn btn-sm btn-default" data-toggle="popover" :title="'订单（'+formatUnit(storeMissingData.sale_id,'id')+'）备注'" @mouseover="setpopper" v-if="deltailItem2.remark != undefined">
                                                备注
                                                <div class="content" style="display: none;">
                                                    <div style="width:30vw;">
                                                        <ul>
                                                            <li v-for="(remarkItem3,remarkIndex3) in deltailItem2.remark">{{ (remarkItem3.add ? "(加工)" :'') + remarkItem3.remark }} </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right">
                                            <button class="btn btn-sm btn-primary" @click="editAndDel(deltailIndex2,'edit','processingPickupList')">编辑</button>
                                            <button class="btn btn-sm btn-default" @click="editAndDel(deltailIndex2,'del','processingPickupList')">删除</button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="saveProcessingPickup('save')" :disabled="isdisabled"><span class="fa fa-dolly-flatbed"></span>通知提货</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货加工 弹窗开始 -->
    <div class="modal fade" id="make_processModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel5" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ntModalLabel3">订单（{{formatUnit(processingMore.id,'id')}}）配单加工指令</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6"><span class="gray">公司</span><br>{{processingMore.company_name + (processingMore.branchcompany_name ? "("+processingMore.branchcompany_name+")":'')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{processingMore.delivery_type_name}}</div>
                        <div class="col-md-4"><span class="gray">对货员</span><br> {{processingMore.checker_name}}</div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1 lh-3">产品<span class="required"></span></div>
                        <div class="col-md-4">
                            <select class="form-control" name="" id="processingProcessPro">
                                <option value="-1">请选择产品</option>
                                <option :value="deltailIndex4" v-for="(deltailItem4,deltailIndex4) in processingMore.detail">{{formatUnit(deltailItem4.proInfo.prochar_id,'id') + (deltailItem4.proInfo.brand_name ? ' / '+deltailItem4.proInfo.brand_name : '' ) + (deltailItem4.proInfo.model ? ' / '+deltailItem4.proInfo.model : '' ) + (deltailItem4.proInfo.pro_name ? ' / '+deltailItem4.proInfo.pro_name : '' ) }}</option>
                            </select>
                        </div>
                        <div class="col-md-1 lh-3">数量<span class="required"></span></div>
                        <div class="col-md-3">
                            <div class="input-group">
                                <input type="number" class="form-control text-right" value="" id="processingProcessProQty">
                                <span class="input-group-addon">CTN</span>
                            </div>
                        </div>
                        <input type="hidden" id="processingProcessKey" value="-1">
                        <div class="col-md-1 text-right">
                            <button class="btn btn-primary" @click="setProcessingProcess()"><span class="fa fa-plus" ></span>添加</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th width="20%">产品</th>
                                        <th>箱规</th>
                                        <th>数量</th>
                                        <th>分配</th>
                                        <th>加工</th>
                                        <th>库存</th>
                                        <th width="7%">调货</th>
                                        <th>备注</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(deltailItem2,deltailIndex2) in processingProcessList"> 
                                        <td align="center">{{deltailIndex2+1}}</td>
                                        <td>
                                            <div class="pro">
                                                <div class="pro-icon"><img :src="deltailItem2.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                <div class="pro-name"><small>{{formatUnit(deltailItem2.proInfo.prochar_id,'id') + (deltailItem2.proInfo.brand_name ? ' / ' + deltailItem2.proInfo.brand_name : '') + (deltailItem2.proInfo.model ? ' / ' + deltailItem2.proInfo.model : '') }}</small> <br />{{deltailItem2.proInfo.pro_name}}</div>
                                            </div>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                            {{deltailItem2.proInfo.ctn_size}}<small class="unit">CM</small>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.qty}}<small class="unit">PCS</small>
                                        </td>
                                        <td align="right">
                                            <span class="text-primary">{{deltailItem2.allocation == 0 ? '-' : deltailItem2.allocation}}</span><small class="unit">CTN</small><br>
                                            <span class="text-danger">{{deltailItem2.allocation_ == 0 ? '-' : deltailItem2.allocation_}}</span><small class="unit">PCS</small>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                库存
                                                <div class="content" style="display: none;">
                                                    <div style="width:12vw">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>-</td>
                                                                    <td align="right">
                                                                        <span class="text-primary f-1">{{formatUnit(deltailItem2.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                        {{formatUnit(deltailItem2.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                                <tr v-for="(storeInfoItem3,storeInfoIndex3) in deltailItem2.storeInfo.info">
                                                                    <td>{{storeInfoItem3.area_type_name + (storeInfoItem3.name ? '('+storeInfoItem3.name+')':'') }}</td>
                                                                    <td align="right">
                                                                        {{formatUnit((storeInfoItem3.qty ? storeInfoItem3.qty : 0),'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right"><span class="green f-1">{{deltailItem2.processingProcessProQty/deltailItem2.proInfo.prochar_qty}}</span><small class="unit">CTN</small></td>
                                        <td align="right">
                                            <button class="btn btn-sm btn-default" data-toggle="popover" :title="'订单（'+formatUnit(storeMissingData.sale_id,'id')+'）备注'" @mouseover="setpopper" v-if="deltailItem2.remark  != undefined">
                                                备注
                                                <div class="content" style="display: none;">
                                                    <div style="width:30vw;">
                                                        <ul>
                                                            <li v-for="(remarkItem3,remarkIndex3) in deltailItem2.remark" >{{ (remarkItem3.add ? "(加工)" :'') + remarkItem3.remark }} </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right">
                                            <button class="btn btn-sm btn-primary" @click="editAndDel(deltailIndex2,'edit','processingProcessList')">编辑</button>
                                            <button class="btn btn-sm btn-default" @click="editAndDel(deltailIndex2,'del','processingProcessList')">删除</button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="saveProcessingProcess('save')" :disabled="isdisabled">
                        <span class="fa fa-dolly-flatbed"></span>通知调货
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货 调货 弹窗开始 -->
    <div class="modal fade" id="make_ladingModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel4" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ntModalLabel3">订单（{{formatUnit(processingMore.id,'id')}}）配单调货指令</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6"><span class="gray">公司</span><br>{{processingMore.company_name + (processingMore.branchcompany_name ? "("+processingMore.branchcompany_name+")":'')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{processingMore.delivery_type_name}}</div>
                        <div class="col-md-4"><span class="gray">对货员</span><br> {{processingMore.checker_name}}</div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1 lh-3">产品<span class="required"></span></div>
                        <div class="col-md-4">
                            <select class="form-control" name="" id="processingStoreOrderPro">
                                <option value="-1">请选择产品</option>
                                <option :value="deltailIndex3" v-for="(deltailItem3,deltailIndex3) in processingMore.detail">{{formatUnit(deltailItem3.proInfo.prochar_id,'id') + (deltailItem3.proInfo.brand_name ? ' / '+deltailItem3.proInfo.brand_name : '' ) + (deltailItem3.proInfo.model ? ' / '+deltailItem3.proInfo.model : '' ) + (deltailItem3.proInfo.pro_name ? ' / '+deltailItem3.proInfo.pro_name : '' ) }}</option>
                            </select>
                        </div>
                        <div class="col-md-1 lh-3">数量<span class="required"></span></div>
                        <div class="col-md-3">
                            <div class="input-group">
                                <input type="number" class="form-control text-right" value="" id="processingStoreOrderProQty">
                                <span class="input-group-addon">CTN</span>
                            </div>
                        </div>
                        <input type="hidden" id="processingStoreOrderKey" value="-1">
                        <div class="col-md-1 text-right">
                            <button class="btn btn-primary" @click="setProcessingStoreOrder()"><span class="fa fa-plus" ></span>添加</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th width="20%">产品</th>
                                        <th>箱规</th>
                                        <th>数量</th>
                                        <th>分配</th>
                                        <th>加工</th>
                                        <th>库存</th>
                                        <th width="7%">调货</th>
                                        <th>备注</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    <tr v-for="(deltailItem2,deltailIndex2) in processingStoreOrderList"> 
                                        <td align="center">{{deltailIndex2+1}}</td>
                                        <td>
                                            <div class="pro">
                                                <div class="pro-icon"><img :src="deltailItem2.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                <div class="pro-name"><small>{{formatUnit(deltailItem2.proInfo.prochar_id,'id') + (deltailItem2.proInfo.brand_name ? ' / ' + deltailItem2.proInfo.brand_name : '') + (deltailItem2.proInfo.model ? ' / ' + deltailItem2.proInfo.model : '') }}</small> <br />{{deltailItem2.proInfo.pro_name}}</div>
                                            </div>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                            {{deltailItem2.proInfo.ctn_size}}<small class="unit">CM</small>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.qty}}<small class="unit">PCS</small>
                                        </td>
                                        <td align="right">
                                            <span class="text-primary">{{deltailItem2.allocation == 0 ? '-' : deltailItem2.allocation}}</span><small class="unit">CTN</small><br>
                                            <span class="text-danger">{{deltailItem2.allocation_ == 0 ? '-' : deltailItem2.allocation_}}</span><small class="unit">PCS</small>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                库存
                                                <div class="content" style="display: none;">
                                                    <div style="width:12vw">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>-</td>
                                                                    <td align="right">
                                                                        <span class="text-primary f-1">{{formatUnit(deltailItem2.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                        {{formatUnit(deltailItem2.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                                <tr v-for="(storeInfoItem3,storeInfoIndex3) in deltailItem2.storeInfo.info">
                                                                    <td>{{storeInfoItem3.area_type_name + ( storeInfoItem3.name ?  '('+storeInfoItem3.name+')':'' ) }}</td>
                                                                    <td align="right">
                                                                        {{formatUnit( (storeInfoItem3.qty ? storeInfoItem3.qty : 0),'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right"><span class="green f-1">{{deltailItem2.processingStoreOrderProQty/deltailItem2.proInfo.prochar_qty}}</span><small class="unit">CTN</small></td>
                                        <td align="right">
                                            <button class="btn btn-sm btn-default" data-toggle="popover" :title="'订单（'+formatUnit(storeMissingData.sale_id,'id')+'）备注'" @mouseover="setpopper" v-if="deltailItem2.remark != undefined">
                                                备注
                                                <div class="content" style="display: none;">
                                                    <div style="width:30vw;">
                                                        <ul>
                                                            <li v-for="(remarkItem3,remarkIndex3) in deltailItem2.remark" >{{ (remarkItem3.add ? "(加工)" :'') + remarkItem3.remark }} </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right">
                                            <button class="btn btn-sm btn-primary" @click="editAndDel(deltailIndex2,'edit','processingStoreOrderList')">编辑</button>
                                            <button class="btn btn-sm btn-default" @click="editAndDel(deltailIndex2,'del','processingStoreOrderList')">删除</button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="saveProcessingStoreOrder('save')" :disabled="isdisabled">
                        <span class="fa fa-dolly-flatbed"></span>通知调货
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货暂停 弹窗开始 -->
    <div class="modal fade" id="make_pauseModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel8" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:70%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ntModalLabel8">订单（{{ formatUnit(processingPauseData.id,'id') }}）配单暂停指令</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-dismissable alert-info">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#pause_sale" data-toggle="tab">订单</a></li>
                                <li><a href="#pause_pickup" data-toggle="tab">提货</a></li>
                                <li><a href="#pause_process" data-toggle="tab">加工</a></li>

                            </ul>
                        </div>
                    </div>
                    
                    <div class="tab-content">
                    
                        <!-- 订单内容 -->
                        <div class="tab-pane active" id="pause_sale">
                            <div class="row" style="padding: 1rem">
                                <div class="col-md-2">
                                    <small class="gray">订单号</small><br>
                                    {{ formatUnit(processingPauseData.id,'id') }} <span class="label label-primary pull-right">{{processingPauseData.priority}}</span>
                                </div>
                                <div class="col-md-6">
                                    <small class="gray">公司</small><br>
                                    <div class="text-1line">
                                        {{processingPauseData.company_name + ( processingPauseData.branchcompany_name ? '(' + processingPauseData.branchcompany_name + ')' : '' ) }}
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <small class="gray">配货员</small><br>
                                    {{processingPauseData.checker_name}} / {{processingPauseData.process_name}} / {{processingPauseData.pickup_name}}
                                </div>
                                <div class="col-md-1">
                                    <small class="gray">状态</small><br>
                                    {{processingPauseData.status_name}}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover ntTable">
                                        <thead>
                                            <tr>
                                                <th>No.</th>
                                                <th width="20%">产品</th>
                                                <th>箱规</th>
                                                <th>数量</th>
                                                <th>分配</th>
                                                <th>加工</th>
                                                <th>库存</th>
                                                <th>暂停</th>
                                                <th>说明</th>
                                                <th>备注</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(detailItem,detailIndex) in processingPauseData.detail">
                                                <td align="center">1</td>
                                                <td>
                                                    <div class="pro">
                                                        <div class="pro-icon"><img :src="detailItem.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                        <div class="pro-name"><small>{{ formatUnit(detailItem.proInfo.prochar_id,'id') + (detailItem.proInfo.brand_name ? ' / ' + detailItem.proInfo.brand_name : '') + (detailItem.proInfo.model ? ' / ' + detailItem.proInfo.model : '') }}</small> <br />{{detailItem.proInfo.pro_name}}</div>
                                                    </div>
                                                </td>
                                                <td align="right">
                                                    {{detailItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                    {{detailItem.proInfo.ctn_size}}<small class="unit">CM</small>
                                                </td>
                                                <td align="right">
                                                    <span class="blue f-1">{{detailItem.qty}}</span> <small class="unit">PCS</small>
                                                </td>
                                                <td align="right">
                                                    {{detailItem.allocation}}<small class="unit">CTN</small><br>
                                                    {{detailItem.allocation_}}<small class="unit">PCS</small><br>
                                                </td>
                                                <td align="center">{{detailItem.add == 0 ? '-' : 'O'}}</td>
                                                <td>
                                                    <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                        库存
                                                        <div class="content" style="display: none;">
                                                            <div style="width:12vw">
                                                                <table class="table">
                                                                    <tbody>
																		<tr>
																			<td>-</td>
																			<td align="right">
																				<span class="text-primary f-1">{{formatUnit(detailItem.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
																				{{formatUnit(detailItem.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
																			</td>
																		</tr>
																		<tr v-for="(storeInfoItem1,storeInfoIndex1) in detailItem.storeInfo.info">
																			<td>{{storeInfoItem1.area_type_name + ( storeInfoItem1.name ?  '('+storeInfoItem1.name+')':'' ) }}</td>
																			<td align="right">
																				{{formatUnit((storeInfoItem1.qty ? storeInfoItem1.qty : 0),'PCS')}}<small class="unit">PCS</small>
																			</td>
																		</tr>
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </button>
                                                </td>
                                                <td>
                                                    {{detailItem.pause_name}}<br>
                                                    <small>{{detailItem.pause_time}}</small>
                                                </td>
                                                <td>
                                                    <button class="btn btn-sm btn-default" data-toggle="popover" title="暂停说明" @mouseover="setpopper" v-if="detailItem.pauseRemake != undefined">
                                                        说明
                                                        <div class="content" style="display: none;">
                                                            <div style="width:20vw">
                                                                <ul>
                                                                    <li v-for="(pauseRemakeItem,pauseRemakeIndex) in detailItem.pauseRemake">{{pauseRemakeItem.remark}}</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </button>
                                                </td>
                                                <td>
													<button class="btn btn-sm btn-default" data-toggle="popover" :title="'订单（'+formatUnit(storeMissingData.sale_id,'id')+'）备注'" @mouseover="setpopper" v-if="detailItem.remark != undefined">
														备注
														<div class="content" style="display: none;">
															<div style="width:30vw;">
																<ul>
																	<li v-for="(remarkItem,remarkIndex) in detailItem.remark">{{remarkItem.remark}}</li>
																</ul>
															</div>
														</div>
													</button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        
                        
                        <!-- 提货 -->
                        <div class="tab-pane" id="pause_pickup">
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover ntTable">
                                        <thead>
                                            <tr>
                                                <th>No.</th>
                                                <th width="30%">产品</th>
                                                <th>箱规</th>
                                                <th>数量</th>
                                                <th>缺货</th>
                                                <th>目的地</th>
                                                <th>状态</th>
                                                <th>编辑</th>
                                                <th>取回</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(pickupItem,pickupIndex) in processingPauseData.pickup">
                                                <td>{{formatUnit(pickupItem.id,'id')}}</td>
                                                <td>
                                                    <div class="pro">
                                                        <div class="pro-icon">
                                                            <img :src="pickupItem.proInfo.img_url" border="0" width="48px" height="48px">
                                                        </div>
                                                        <div class="pro-name">
                                                            <small>{{formatUnit(pickupItem.proInfo.prochar_id,'id') + (pickupItem.proInfo.brand_name ? ' / ' + pickupItem.proInfo.brand_name : '' ) + (pickupItem.proInfo.model ? ' / ' + pickupItem.proInfo.model : '' ) }}</small><br>
                                                          	{{pickupItem.proInfo.pro_name}}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td align="right">
                                                    {{pickupItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                    {{pickupItem.proInfo.ctn_size}}<small class="unit">CM</small>
                                                </td>
                                                <td align="right">
                                                    {{pickupItem.qty/pickupItem.proInfo.prochar_qty}}<small class="unit">CTN</small><br>
                                                    {{pickupItem.qty}}<small class="unit">PCS</small>
                                                </td>
                                                <td align="right">
                                                    {{pickupItem.missing_qty ? pickupItem.missing_qty/pickupItem.proInfo.prochar_qty : '-'}}<small class="unit">CTN</small><br>
                                                    {{pickupItem.missing_qty ? pickupItem.missing_qty : '-'}}<small class="unit">PCS</small>
                                                </td>
                                                <td>{{pickupItem.area_name}}</td>

												<td>
													{{pickupItem.status_name}}<br>
													<small>{{pickupItem.status_time}}</small>
												</td>

                                                <td>
                                                    {{pickupItem.create_name}}<br>
                                                    <small>{{pickupItem.create_time}}</small>
                                                </td>
                                                <td>
                                                    {{pickupItem.getback_name}}<br>
                                                    <small>{{pickupItem.getback_time}}</small>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        
                        
                        <!-- 加工 -->
                        <div class="tab-pane" id="pause_process">
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="table table-striped table-hover ntTable">
                                        <thead>
                                            <tr>
                                                <th>No.</th>
                                                <th width="30%">产品</th>
                                                <th>箱规</th>
                                                <th>数量</th>
                                                <th>配件</th>
                                                <th>编辑</th>
                                                <th>取消</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr v-for="(processItem,processIndex) in processingPauseData.process">
                                                <td>{{ formatUnit(processItem.id,'id') }}</td>
                                                <td>
                                                    <div class="pro">
                                                        <div class="pro-icon">
                                                            <img :src="processItem.proInfo.img_url" border="0" width="48px" height="48px">
                                                        </div>
                                                        <div class="pro-name">
                                                            <small>{{ formatUnit(processItem.proInfo.prochar_id,'id') + (processItem.proInfo.brand_name ? ' / ' + processItem.proInfo.brand_name : '') + (processItem.proInfo.model ? ' / ' + processItem.proInfo.model : '') }}</small><br>
                                                            {{processItem.proInfo.pro_name}}
                                                        </div>
                                                    </div>
                                                </td>
                                                <td align="right">
                                                    {{processItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                                    {{processItem.proInfo.ctn_size}}<small class="unit">CM</small>
                                                </td>
                                                <td align="right">
                                                    {{processItem.qty}}<small class="unit">PCS</small>
                                                </td>
                                                <td align="right">
                                                    <button class="btn btn-sm btn-default" data-toggle="popover" title="配件使用数量" @mouseover="setpopper" style="max-width: 90vw;">
                                                        配件
                                                        <div class="content" style="display: none;">
                                                            <div style="width:30vw">
                                                                <table class="table">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>配件</th>
                                                                            <th>数量</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tboday>
                                                                        <tr>
                                                                            <td>
                                                                                <div class="pro">
                                                                                    <div class="pro-icon">
                                                                                        <img src="../img/pro_icon48.jpg" border="0" width="48px" height="48px">
                                                                                    </div>
                                                                                    <div class="pro-name">
                                                                                        <small>8888 / EXBOM / MS-30</small><br>
                                                                                        包装吸塑
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                            <td align="right">400<small class="unit">PCS</small></td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td>
                                                                                <div class="pro">
                                                                                    <div class="pro-icon">
                                                                                        <img src="../img/pro_icon48.jpg" border="0" width="48px" height="48px">
                                                                                    </div>
                                                                                    <div class="pro-name">
                                                                                        <small>8888 / EXBOM / MS-30</small><br>
                                                                                        包装彩盒
                                                                                    </div>
                                                                                </div>
                                                                            </td>
                                                                            <td align="right">400<small class="unit">PCS</small></td>
                                                                        </tr>
                                                                    </tboday>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </button>
                                                </td>
                                                <td>
                                                    {{processItem.create_name}}<br>
                                                    <small>{{processItem.create_time}}</small>
                                                </td>
                                                <td align="right">
                                                    <button class="btn btn-sm btn-default" data-toggle="popover" title="取消说明" @mouseover="setpopper" v-if="processItem.remark != undefined">
                                                        说明
                                                        <div class="content" style="display: none;">
                                                            <div style="width:30vw">
                                                                <ul>
                                                                    <li v-for="(remarkItem,remarkIndex) in processItem.remark">{{remarkItem.remark}}</li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </button>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-warning" style="padding-left:24px;padding-right:24px" @click="processingPause(-1,'save')" :disabled="isdisabled">
                        <span class="fa fa-ban"></span>通知配货暂停
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货解锁 弹窗开始 -->
    <div class="modal fade" id="make_unlockModal" tabindex="-1" role="dialog" aria-labelledby="ntModalLabel6" aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="ntModalLabel3">订单（{{formatUnit(processingMore.id,'id')}}）配单加工指令</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6"><span class="gray">公司</span><br>{{processingMore.company_name + (processingMore.branchcompany_name ? "("+processingMore.branchcompany_name+")":'')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{processingMore.delivery_type_name}}</div>
                        <div class="col-md-4"><span class="gray">对货员</span><br> {{processingMore.checker_name}}</div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th width="20%">产品</th>
                                        <th>箱规</th>
                                        <th>数量</th>
                                        <th>分配</th>
                                        <th>加工</th>
                                        <th>库存</th>
                                        <th>备注</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(deltailItem2,deltailIndex2) in processingProcessList"> 
                                        <td align="center">{{deltailIndex2+1}}</td>
                                        <td>
                                            <div class="pro">
                                                <div class="pro-icon"><img :src="deltailItem2.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                <div class="pro-name"><small>{{formatUnit(deltailItem2.proInfo.prochar_id,'id') + (deltailItem2.proInfo.brand_name ? ' / ' + deltailItem2.proInfo.brand_name : '') + (deltailItem2.proInfo.model ? ' / ' + deltailItem2.proInfo.model : '') }}</small> <br />{{deltailItem2.proInfo.pro_name}}</div>
                                            </div>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                            {{deltailItem2.proInfo.ctn_size}}<small class="unit">CM</small>
                                        </td>
                                        <td align="right">
                                            {{deltailItem2.qty}}<small class="unit">PCS</small>
                                        </td>
                                        <td align="right">
                                            <span class="text-primary">{{deltailItem2.allocation == 0 ? '-' : deltailItem2.allocation}}</span><small class="unit">CTN</small><br>
                                            <span class="text-danger">{{deltailItem2.allocation_ == 0 ? '-' : deltailItem2.allocation_}}</span><small class="unit">PCS</small>
                                        </td>
                                        <td align="center">-</td>
                                        <td>
                                            <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                库存
                                                <div class="content" style="display: none;">
                                                    <div style="width:12vw">
                                                        <table class="table">
                                                            <tbody>
                                                                <tr>
                                                                    <td>-</td>
                                                                    <td align="right">
                                                                        <span class="text-primary f-1">{{formatUnit(deltailItem2.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                        {{formatUnit(deltailItem2.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                                <tr v-for="(storeInfoItem3,storeInfoIndex3) in deltailItem2.storeInfo.info">
                                                                    <td>{{storeInfoItem3.area_type_name + ( storeInfoItem3.name ?  '('+storeInfoItem3.name+')':'' ) }}</td>
                                                                    <td align="right">
                                                                        {{formatUnit((storeInfoItem3.qty ? storeInfoItem3.qty :0),'PCS')}}<small class="unit">PCS</small>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                        <td align="right">
                                            <button class="btn btn-sm btn-default" data-toggle="popover" :title="'订单（'+formatUnit(storeMissingData.sale_id,'id')+'）备注'" @mouseover="setpopper">
                                                备注
                                                <div class="content" style="display: none;">
                                                    <div style="width:30vw;">
                                                        <ul>
                                                            <li v-for="(remarkItem3,remarkIndex3) in deltailItem2.remark" v-if="deltailItem2.remark != undefined">{{ (remarkItem3.add ? "(加工)" :'') + remarkItem3.remark }} </li>
                                                            <li v-if="deltailItem2.remark.length == 0">暂无备注</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" style="padding-left:24px;padding-right:24px" @click="unLock(processingMore.id)">
                        <span class="fa fa-unlock-alt"></span>通知订单解锁
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货通知取消 弹窗开始 -->
    <div class="modal fade" id="make_cancelModal" tabindex="-1" role="dialog"  aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" >确认订单（{{formatUnit(processingMore.id,'id')}}）通知取消配货</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-dismissable alert-info">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1"><span class="gray">销售单号</span><br>{{formatUnit(processingMore.id,'id')}}</div>
                        <div class="col-md-6"><span class="gray">公司</span><br>{{processingMore.company_name + (processingMore.branchcompany_name ? "("+processingMore.branchcompany_name+")":'')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{processingMore.delivery_type_name}}</div>
                        <div class="col-md-1"><span class="gray">对货员</span><br>{{processingMore.checker_name}}</div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th width="20%">产品</th>
                                        <th>箱规</th>
                                        <th>数量</th>
                                        <th>分配</th>
                                        <th>加工</th>
                                        <th>整箱退回</th>
                                        <th>位置</th> <!-- warehouse_place.name -->
                                        <th>散货退回</th>
                                        <th>位置</th><!-- warehouse_area.name -->
                                        <th>库存</th>
                                        <th>备注</th>
                                    </tr>
                                </thead>
                                <tbody>
                                	<template v-if="processingMore.detail != undefined">
                                    <tr v-for="(checkItem,checkIndex) in processingMore.detail">
                                    	<template v-if="checkItem.pickupStore != undefined && checkItem.pickupStore.length != 0">
	                                        <td align="center">{{checkIndex+1}}</td>
	                                        <td>
	                                            <div class="pro">
	                                                <div class="pro-icon"><img :src="checkItem.proInfo.img_url" border="0" width="48px" height="48px"></div>
	                                                <div class="pro-name"><small>{{checkItem.proInfo.prochar_id + (checkItem.proInfo.brand_name ? ' / ' +checkItem.proInfo.brand_name : '') + (checkItem.proInfo.model ? ' / ' + checkItem.proInfo.model : '') }}</small> <br />{{checkItem.proInfo.pro_name}}</div>
	                                            </div>
	                                        </td>
	                                        <td align="right">
	                                            {{checkItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
	                                            {{checkItem.proInfo.ctn_size}}<small class="unit">CM</small>
	                                        </td>
	                                        <td align="right">
	                                            <span class="blue f-1">{{checkItem.qty}}</span> <small class="unit">PCS</small>
	                                        </td>
	                                        <td align="right">
	                                            <span class="text-primary">{{checkItem.allocation == 0 ? '-' : checkItem.allocation}}</span><small class="unit">CTN</small><br>
	                                            <span class="text-danger">{{checkItem.allocation_ == 0 ? '-' : checkItem.allocation_}}</span><small class="unit">PCS</small>
	                                        </td>
	                                        <td align="center">{{checkItem.add == 0 ? '-' : 'O'}}</td>
	                                        <td>
	                                            <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
	                                                库存
	                                                <div class="content" style="display: none;">
	                                                <div style="width:12vw">
	                                                    <table class="table">
	                                                        <tbody>
	                                                            <tr>
	                                                                <td>-</td>
	                                                                <td align="right">
	                                                                    <span class="text-primary f-1">{{formatUnit(checkItem.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
	                                                                    {{formatUnit(checkItem.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
	                                                                </td>
	                                                            </tr>
	                                                            <tr v-for="(storeInfoItem3,storeInfoIndex3) in checkItem.storeInfo.info">
	                                                                <td>{{storeInfoItem3.area_type_name + ( storeInfoItem3.name ?  '('+storeInfoItem3.name+')':'' )}}</td>
	                                                                <td align="right">
	                                                                    {{formatUnit((storeInfoItem3.qty ? storeInfoItem3.qty : 0),'PCS')}}<small class="unit">PCS</small>
	                                                                </td>
	                                                            </tr>
	                                                        </tbody>
	                                                    </table>
	                                                </div>
	                                            </div>
	                                            </button>
	                                        </td>
	                                        <td>
	                                            {{checkItem.pickupStore.warehouse_name + checkItem.pickupStore.place_name}}
	                                        </td>
	                                        <td align="right">
	                                            {{checkItem.allocation == 0 ? '-' : checkItem.allocation}}<small class="unit">CTN</small><br>
	                                            {{checkItem.allocation == 0 ? '-' : checkItem.allocation*checkItem.proInfo.prochar_qty}}<small class="unit">PCS</small>
	                                        </td>
	                                        <td>
	                                            <select name="" id="backArea_id" class="form-control" @click="selectBackArea(checkIndex)">
	                                                <option value="-1" >请选择退回位置</option>
	                                                <template v-if="checkItem.backArea != undefined">
	                                                	<option :value="backAreaIndex" v-for="(backAreaItem,backAreaIndex) in checkItem.backArea"  >{{ '散货'+ backAreaItem.name}}</option>
	                                                </template>
	                                                
	                                            </select>
	                                        </td>
	                                        <td align="right">
	                                            {{checkItem.qty - (checkItem.allocation == 0 ? 0 : checkItem.allocation*checkItem.proInfo.prochar_qty) }}<small class="unit">PCS</small>
	                                        </td>
	                                        <td align="right">
	                                            <button class="btn btn-sm btn-default" data-toggle="popover" title="备注" @mouseover="setpopper" v-if="checkItem.remark != undefined">
	                                                备注
	                                                <div class="content" style="display: none;">
	                                                    <div style="width:30vw;">
	                                                        <ul>
	                                                            <li v-for="(remarkItem3,remarkIndex3) in checkItem.remark" >{{ (remarkItem3.add ? "(加工)" :'') + remarkItem3.remark }} </li>
	                                                        </ul>
	                                                    </div>
	                                                </div>
	                                            </button>
	                                        </td>
	                                	</template>
                                    </tr>
                                    </template>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="cancelMake('save',processingMore.id,'')">
                        <span class="fa fa-ban"></span>通知配货取消
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 配货通知配货恢复 弹窗开始 -->
    <div class="modal fade" id="make_continueModal" tabindex="-1" role="dialog"  aria-hidden="true">
        <div class="modal-dialog modal-lg" style="width:80%">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" >确认订单（{{formatUnit(processingMore.id,'id')}}）配单 通知配货恢复</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-dismissable alert-info">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                <p></p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-1"><span class="gray">销售单号</span><br>{{formatUnit(processingMore.id,'id')}}</div>
                        <div class="col-md-6"><span class="gray">公司</span><br>{{processingMore.company_name + (processingMore.branchcompany_name ? "("+processingMore.branchcompany_name+")":'')}}</div>
                        <div class="col-md-2"><span class="gray">送货方式</span><br>{{processingMore.delivery_type_name}}</div>
                        <div class="col-md-1"><span class="gray">对货员</span><br>{{processingMore.checker_name}}</div>
                        <div class="col-md-12">
                            <hr>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-striped table-hover ntTable">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th width="20%">产品</th>
                                        <th>箱规</th>
                                        <th>数量</th>
                                        <th>分配</th>
                                        <th>加工</th>
                                        <th>库存</th>
                                        <th>备注</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr v-for="(checkItem,checkIndex) in processingMore.detail">
                                        <td align="center">{{checkIndex+1}}</td>
                                        <td>
                                            <div class="pro">
                                                <div class="pro-icon"><img :src="checkItem.proInfo.img_url" border="0" width="48px" height="48px"></div>
                                                <div class="pro-name"><small>{{checkItem.proInfo.prochar_id + (checkItem.proInfo.brand_name ? ' / ' +checkItem.proInfo.brand_name : '') + (checkItem.proInfo.model ? ' / ' + checkItem.proInfo.model : '') }}</small> <br />{{checkItem.proInfo.pro_name}}</div>
                                            </div>
                                        </td>
                                        <td align="right">
                                            {{checkItem.proInfo.prochar_qty}}<small class="unit">PCS/CTN</small><br>
                                            {{checkItem.proInfo.ctn_size}}<small class="unit">CM</small>
                                        </td>
                                        <td align="right">
                                            <span class="blue f-1">{{checkItem.qty}}</span> <small class="unit">PCS</small>
                                        </td>
                                        <td align="right">
                                            <span class="text-primary">{{checkItem.allocation == 0 ? '-' : checkItem.allocation}}</span><small class="unit">CTN</small><br>
                                            <span class="text-danger">{{checkItem.allocation_ == 0 ? '-' : checkItem.allocation_}}</span><small class="unit">PCS</small>
                                        </td>
                                        <td align="center">{{checkItem.add == 0 ? '-' : 'O'}}</td>
                                        <td>
                                            <button class="btn btn-sm btn-default" data-toggle="popover" placement="right" title="库存位置" @mouseover="setpopper">
                                                库存
                                                <div class="content" style="display: none;">
                                                <div style="width:12vw">
                                                    <table class="table">
                                                        <tbody>
                                                            <tr>
                                                                <td>-</td>
                                                                <td align="right">
                                                                    <span class="text-primary f-1">{{formatUnit(checkItem.storeInfo.store_ctn,'CTN')}}</span><small class="unit">CTN</small><br>
                                                                    {{formatUnit(checkItem.storeInfo.store_sum,'PCS')}}<small class="unit">PCS</small>
                                                                </td>
                                                            </tr>
                                                            <tr v-for="(storeInfoItem3,storeInfoIndex3) in checkItem.storeInfo.info">
                                                                <td>{{storeInfoItem3.area_type_name + ( storeInfoItem3.name ?  '('+storeInfoItem3.name+')':'' )}}</td>
                                                                <td align="right">
                                                                    {{formatUnit((storeInfoItem3.qty ? storeInfoItem3.qty :0),'PCS')}}<small class="unit">PCS</small>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            </button>
                                        </td>

                                        <td align="right">
                                            <button class="btn btn-sm btn-default" data-toggle="popover" title="备注" @mouseover="setpopper" v-if="checkItem.remark != undefined">
                                                备注
                                                <div class="content" style="display: none;">
                                                    <div style="width:30vw;">
                                                        <ul>
                                                            <li v-for="(remarkItem3,remarkIndex3) in checkItem.remark">{{ (remarkItem3.add ? "(加工)" :'') + remarkItem3.remark }} </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </button>
                                        </td>
                                    </tr>
                                    <!-- <tr>
                                        <td align="center">1</td>
                                        <td>
                                            <div class="pro">
                                                <div class="pro-icon"><img src="../img/pro_0_48.jpg" border="0" width="48px" height="48px"></div>
                                                <div class="pro-name"><small>8888 / EXBOM / CS-878</small> <br />电脑音箱</div>
                                            </div>
                                        </td>
                                        <td align="right">
                                            50<small class="unit">PCS/CTN</small><br>
                                            50x40x30<small class="unit">CM</small>
                                        </td>
                                        <td align="right">
                                            <span class="blue f-1">160</span> <small class="unit">PCS</small>
                                        </td>
                                        <td align="right">
                                            3<small class="unit">CTN</small><br>
                                            10<small class="unit">PCS</small><br>
                                        </td>
                                        <td align="center">-</td>
                                        <td align="right">
                                            2360<small class="unit">PCS</small> / 47<small class="unit">CTN</small><br>
                                            1360<small class="unit">PCS</small> / 27<small class="unit">CTN</small>
                                        </td>
                                        <td align="right">
                                            <small class="orange">B.</small> 120<small class="unit">PCS</small><br>
                                            <small class="orange">P.</small> 60<small class="unit">PCS</small>
                                        </td>
                                        <td></td>
                                    </tr> -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span>取消</button>
                    <button type="button" class="btn btn-primary" style="padding-left:24px;padding-right:24px" @click="cancelRestore('save',processingMore.id)" :disabled="isdisabled">
                        <span class="fa fa-arrow-alt-circle-right"></span>通知配货恢复
                    </button>
                </div>
            </div>
        </div>
    </div>

</div>
<script type="text/javascript">
  	setInterval(function() {
  		var data = $('.main-list');
        $.each(data, (key, value) => {
        	var time = Date.parse(new Date())/1000 - $('.main-list').eq(key).attr('oldTime');
        	var s = 0	// 秒
        	var m = 0	// 分
        	var h = 0	// 时
        	if(time > 59 ){
        		s = time%60;	// 取余
        		if(s < 10) s= '0'+ s
        		m = Math.floor(time/60)
        		if(m >= 60 ) m = (m%60)
        		if(m < 10) m= '0'+ m
        		h = Math.floor(time/3600)
        		if(h < 10) h= '0'+ h
        	}
        	// console.log(h+':'+m+":"+s)
        	$('.main-list').eq(key).text( h+':'+m+":"+s );
        })
  	}, 1000);
</script>
<div>
	<script src="/static/Admin/js/salemake.js"></script>
</div>
<!--弹窗部分 结束-->
{include file="public/foot"/}